/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	background-color: #007AC3;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
    color: white;
}

	

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: white;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link, A:visited, A:active	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
				
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	
	
.BtnClass
{
    font-weight: bold;
    color: #007AC3;
    background-color: #fff !important;
    border-radius: 5px;
    height: 25px;
    width:150px;
}

.BtnClass2
{
    font-weight: bold;
    color: #007AC3;
    background-color: #fff;
    border-radius: 5px;
    height: 25px;
    width:150px;
    text-decoration: underline;
}

.BtnClass a:link, .BtnClass a:visited
{
    color: #007AC3;
    text-decoration: none;
}

.BtnClass a:hover
{
    color: #aeaeae;
    text-decoration: none;
}

.InputClass
{
    font-weight: bold;
    color: #fbc605;
    background-color: #1F358C;
    font-size: small;
    height: 25px;
    width:190px;
}

.SelClass
{
	font-size: xx-small;
}

.IncorrectClass
{
	font-size: xx-small;
	color: #660000;
	font-style: italic;
	text-decoration: line-through;
}

.CorrectClass
{
	font-size: xx-small;
	color: #004400;
	text-decoration: underline;
}

.CorrectedClass
{
	font-size: xx-small;
	color: black;
	font-style: italic;
}

.TBDClass
{
	font-size: xx-small;
	color: #000080;
}

.GridHeadClass
{
    font-weight: bold;
    color: #ffffff;
    background-color: black;
    vertical-align: middle;
}

.Grid1Class
{
    color: black;
    background-color: #feedb1;
}

.Grid2Class
{
    color: black;
    background-color: white;
}

.HeaderClass
{
    font-weight: bold;
    font-size: large;
    color: white;
}

.LabelClass
{
	font-weight: bold;
	font-size: small;
}

.buttons {
        width: vmax;
    }

.rndpoints {
    float: right; 
    margin-right: 15px;
}

.mainmenu ul {
    list-style-type: none;
    padding:0px;
    width:100%;
}

.mainmenu li a {
    color:#007AC3;
}

.mainmenu li {
    background-color: white;
    padding:5px;
    border-radius: 5px;
}
    
.message {
    padding-bottom:10px;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.sectionhead {
    float:right;
    margin-right:50px;
}

.sectionhead h1 {
    margin-bottom: 10px;
    margin-top: 10px;
} 

.logos img {
    width: 200px;
    margin-top:15px;
    margin-bottom: 15px;
}

.intro {
    border-radius:10px;
    width: 100%;
    color: #007AC3;
    background-color: #fff;
}

.intext {
    font-weight: bold;
    float: left;
    margin-top: 20px;
    margin-left: 5%;
}
        
.points {
    background-image: url("images/Points.png");
    background-repeat: no-repeat;
    width: 100%;
    border-radius:10px;
    background-color:black;
    margin-bottom: 15px;
    background-size: 100%;
}
.ptext {
    color: white;
    font-size: 14px;
    margin: 15px;
        padding-bottom:15px;
}

.rndpoints li {
    list-style-type: none;
}

.rndpoints ul {
    list-style-type: none;
    float: left;
    clear: right;
    padding: 10px; 
}

.rndpoints ul li:first-child {
    font-size:18px;
    font-weight:bold;
}

.payouts li {
    list-style-type: none;
}

.payouts ul {
    list-style-type: none;
    float: left;
    clear: right;
    padding: 10px; 
}

.payouts ul li:first-child {
    font-size:18px;
    font-weight:bold;
}

.paytable {
    float: right;
    margin-right: 15px;
    background-color: #d0d0c8;
    padding-bottom: 15px;
    padding-left: 10px;
    width: 240px;
    opacity: .7;
    font-weight: bold;
    color: black;
}

.payouts h1 {
    color: black;
    background-color: #d0d0c8;
    opacity: .7;
    font-weight: bold;
}

.paytext {
    padding-left: 10px;
}

.payouts {
    padding-bottom: 15px;
    background-image: url("images/Prizes.png");
    width: 330px;
    background-repeat: no-repeat;
    border-radius:10px;
    /*background-size: 100%; */
}

.notes {
    background-image: url("images/Notes.png");
    width: 330px;
    color:black;
    background-repeat: no-repeat;
    padding-bottom: 15px;
    border-radius:10px;
    background-color: white;
    background-size: 100%;
}

.notes h1 {
    color: black;
    font-weight: bold;
}


.notelist {
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 13px;
}


.pointer {
    cursor:pointer;
}


.createentry table, .viewentry table {
    color: black;
}

.createentry table div, .viewentry table div {
padding: 2px;
}
.createentry td input {
    background-color: transparent;
    border: none;
}

.createentry td {
    min-height: 15px;
    position: relative;
}

.reg1rnd1 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}
.reg2rnd1 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}
.reg3rnd1 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}
.reg4rnd1 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.reg4rnd2 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.reg4rnd3 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.reg5rnd1 {
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.reg1rnd2:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg1rnd3:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg1rnd4:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg1rnd5:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}


.reg2rnd2:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg2rnd3:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg2rnd4:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg2rnd5:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}


@media all and (min-width: 1070px) {

.reg3rnd2:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}

.reg3rnd3:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}

.reg3rnd4:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}

.reg3rnd5:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}


.reg4rnd2:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}

.reg4rnd3:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}

.reg4rnd4:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}

.reg4rnd5:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}


#Reg5Rnd1Team2:after {
position: absolute;
height: 50%;
border-right: 2px solid black;
content: '';
top: 25%;
right: 0px;
}


#Reg5Rnd1Team1:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}


.reg5rnd2 div {
    margin: 5px;
}
}

@media all and (min-width: 0px) and (max-width: 1069px) {

.reg3rnd2:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: ''; 
top: 25%;
}

.reg3rnd3:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg3rnd4:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg3rnd5:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}


.reg4rnd2:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg4rnd3:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg4rnd4:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg4rnd5:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

.reg5rnd2:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
left: 0px;
}

.reg5rnd1:before {
position: absolute;
height: 50%;
border-left: 2px solid black;
content: '';
top: 25%;
}

}

.reg1rnd1 div {
    background-color:#FF9999;
}

.reg1rnd2 div {
    background-color:#FFAAAA;
}

.reg1rnd3 div {
    background-color:#FFBBBB;
}

.reg1rnd4 div {
    background-color:#FFCCCC;
}

.reg1rnd5 div {
    background-color:#FFDDDD;
}

.reg5rnd1 div {
    background-color:#EEEEEE;
}

.reg5rnd2 div {
    background-color:White;
}

.reg3rnd5 div {
    background-color:#DDFFDD;
}

.reg3rnd4 div {
    background-color:#DDFFCC;
}

.reg3rnd3 div {
    background-color:#DDFFBB;
}

.reg3rnd2 div {
    background-color:#DDFFAA;
}

.reg3rnd1 div {
    background-color:#DDFF99;
}

.reg2rnd1 div {
    background-color:#FFFF99;
}

.reg2rnd2 div {
    background-color:#FFFFAA;
}

.reg2rnd3 div {
    background-color:#FFFFBB;
}

.reg2rnd4 div {
    background-color:#FFFFCC;
}

.reg2rnd5 div {
    background-color:#FFFFDD;
}

.reg4rnd1 div {
    background-color:#9999FF;
}

.reg4rnd2 div {
    background-color:#AAAAFF;
}

.reg4rnd3 div {
    background-color:#BBBBFF;
}

.reg4rnd4 div {
    background-color:#CCCCFF;
}

.reg4rnd5 div {
    background-color:#DDDDFF;
}

.reg1header {
    background-color: black;
    color: #FF9999;
}

.reg2header {
    background-color: black;
    color: #FFFF99;
}

.reg3header {
    background-color: black;
    color: #99FF99;
}

.reg4header {
    background-color: black;
    color: #9999FF;
}

.rnd1header {
    background-color: #999999;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.rnd2header {
    background-color: #AAAAAA;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.rnd3header {
    background-color: #BBBBBB;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.rnd4header {
    background-color: #CCCCCC;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.rnd5header {
    background-color: #DDDDDD;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.rnd6header {
    background-color: #EEEEEE;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}

.rnd7header {
    background-color: #FFFFFF;
border-bottom-color: #007ac3;
border-bottom-width: 5px;
border-bottom-style: solid;
}


/*For Admin Setup*/

.PntByRnd {
width: 25px;
text-align: center;
}

.AdminSetup {
    max-width:1035px;
    margin: auto;
}

#CommonSetup {
padding: 15px;
float: left;
}

#RegionSetup {
padding: 15px;
float: right;
}

#Region1Setup {
padding: 15px;
float: left;
}

#Region2Setup {
padding: 15px;
float: left;
}

#Region3Setup {
padding: 15px;
float: right;
}

#Region4Setup {
padding: 15px;
float: right;
}

#SaveSetup {
margin: auto;
width: 183px;
}
@media all and (min-width: 0px) and (max-width: 1034px) {
    #RegionSetup {
        float: left;
    }
    #Region2Setup {
        padding: 15px;
        float: left;
    }
    #Region4Setup {
        padding: 15px;
        float: left;
    }
}


@media all and (min-width: 0px) and (max-width: 650px) {
    .AdminSetup input, .AdminSetup td, .AdminSetup th {
        font-size: 12px;
    }

    #RegionSetup input {
        width: 100px;
    }
}

/*For Create Entry*/

.createentry {
    font-size: 14px;
}
.createentry table {
    width:100%;
}

.createentry {
    width:100%;
    margin:auto;
    max-width: 1850px; 
}

/*For view Entry*/
.viewentry table {
    width:100%;
}

.viewentry td {
    position: relative;
}

.viewentry {
    width:100%;
    margin:auto;
    max-width: 1850px;
}

/*For View/Create Responsive */
@media all and (min-width: 1770px) {
    .createentry {
        font-size: 14px;
    }
    .mobile .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 14px;
    }

    .viewtable .TBDClass {
        font-size: 14px;
    }

    .viewtable .IncorrectClass {
        font-size: 14px;
    }

    .viewtable .CorrectClass {
        font-size: 14px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 14px;
    }
    .mobile .viewtable {
        display:none;
    }
}

@media all and (min-width: 1535px)  and (max-width: 1769px) {
    .createentry {
        font-size: 12px;
    }
    .mobile .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 12px;
    }

    .viewtable .TBDClass {
        font-size: 12px;
    }

    .viewtable .IncorrectClass {
        font-size: 12px;
    }

    .viewtable .CorrectClass {
        font-size: 12px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 12px;
    }
    .mobile .viewtable {
        display:none;
    }
}

@media all and (min-width: 1300px)  and (max-width: 1534px) {
    .createentry {
        font-size: 10px;
    }
    .mobile .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 10px;
    }

    .viewtable .TBDClass {
        font-size: 10px;
    }

    .viewtable .IncorrectClass {
        font-size: 10px;
    }

    .viewtable .CorrectClass {
        font-size: 10px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 10px;
    }

    .mobile .viewtable {
        display:none;
    }
}

@media all and (min-width: 1195px)  and (max-width: 1299px) {
    .createentry {
        font-size: 9px;
    }
    .mobile .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 9px;
    }

    .viewtable .TBDClass {
        font-size: 9px;
    }

    .viewtable .IncorrectClass {
        font-size: 9px;
    }

    .viewtable .CorrectClass {
        font-size: 9px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 9px;
    }

    .mobile .viewtable {
        display:none;
    }
}


@media all and (min-width: 1070px)  and (max-width: 1194px) {
    .createentry {
        font-size: 8px;
    }
    .mobile .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 8px;
    }

    .viewtable .TBDClass {
        font-size: 8px;
    }

    .viewtable .IncorrectClass {
        font-size: 8px;
    }

    .viewtable .CorrectClass {
        font-size: 8px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 8px;
    }

    .mobile .viewtable {
        display:none;
    }
}



@media all and (min-width: 720px)  and (max-width: 1069px) {
    .createentry {
        font-size: 14px;
    }
    .desktop .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 14px;
    }

    .viewtable .TBDClass {
        font-size: 14px;
    }

    .viewtable .IncorrectClass {
        font-size: 14px;
    }

    .viewtable .CorrectClass {
        font-size: 14px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 14px;
    }
    .desktop .viewtable {
        display:none;
    }
}

@media all and (min-width: 625px)  and (max-width:719px) {
    .createentry {
        font-size: 12px;
    }
    .desktop .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 12px;
    }

    .viewtable .TBDClass {
        font-size: 12px;
    }

    .viewtable .IncorrectClass {
        font-size: 12px;
    }

    .viewtable .CorrectClass {
        font-size: 12px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 12px;
    }

    .desktop .viewtable {
        display:none;
    }
}

@media all and (min-width: 535px)  and (max-width: 624px) {
    .createentry {
        font-size: 10px;
    }
    .desktop .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 10px;
    }

    .viewtable .TBDClass {
        font-size: 10px;
    }

    .viewtable .IncorrectClass {
        font-size: 10px;
    }

    .viewtable .CorrectClass {
        font-size: 10px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 10px;
    }
    
    .desktop .viewtable {
        display:none;
    }
}

@media all and (min-width: 0px)  and (max-width: 534px) {
    .createentry {
        font-size: 8px;
    }
    .desktop .createtable {
        display:none;
    }

    .viewtable td {
        font-size: 8px;
    }

    .viewtable .TBDClass {
        font-size: 8px;
    }

    .viewtable .IncorrectClass {
        font-size: 8px;
    }

    .viewtable .CorrectClass {
        font-size: 8px;
    }

    .viewtable .CorrectedClass
    {
	    font-size: 8px;
    }

    .desktop .viewtable {
        display:none;
    }
}

/* For standings grid */

.standings table {
    width:100%;
    max-width: 1000px;
}

.standings {
    width:100%;
    margin:auto;
    max-width: 1000px;
}
@media all and (min-width: 657px) {
    .standings td {
        font-size: 12px;
    }
}
@media all and (min-width: 568px) and (max-width: 656px)  {
    .standings td {
        font-size: 12px;
    }
}
@media all and (min-width: 482px) and (max-width: 567px)  {
    .standings td {
        font-size: 10px;
    }
}
@media all and (min-width: 0px) and (max-width: 481px) {
    .standings td {
        font-size:  8px;
    }
}



/*For width greater than 708 pixels*/
@media all and (min-width: 708px) {

    .intext {
        width: 55%;
    }

    .logos {
        float: right;
        margin-right: 20px;
        width: 30%;
        margin-bottom: 10px;
    }
    .ptext {
        bottom:0px;
    }
    .payouts {
        float: left;
        min-height: 275px;
    }

    .notes {
    float: right;
        min-height: 275px; 
    }
    
    .mainmenu li {
        display: inline;
        margin-right:20px;
    }

    .Btnclass {
        font-size: 13px;
    }
}
/*For width less than 708 pixels*/
@media all and (max-width: 707px) {
    
    .intext {
        width: 90%;
    }

    .ptext {
        float: right;
        bottom:auto;
        left:auto;
    }
    .payouts {
        margin: auto;
    }

    .notes {
    background-image: url("images/Notes.png");
    color:black;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    }

    .mainmenu li {
        margin-bottom:3px;
        text-align:center;
    }
    .BtnClass {
        font-size: 14px;
    }
}


@media all and (max-width: 707px) and (min-width: 562px) {
    .ncaa {
        width:40%;
        float: left;
        margin-left:10%;
    }
    .paypal {
        width:40%;
        float: right;
        margin-right:10%;
        margin-top:15px;
    }
    .points {
    min-height: 420px;
    }
}

@media all and (max-width: 562px) {

    .ncaa {
        text-align:center;
    }
    .ncaa {
        width:60%;
        margin:auto;
    }
    .paypal {
        width:60%;
        margin:auto;
    }

    .homecontent h1 {
        font-size:20px;
    }
}

@media all and (max-width: 410px) {
    
    .logos img {
        width: 100%;
    }
}

#line1 {
    /* background-image: url("images/Color1.png"); */
    height: 5px;
    width: 590px;
}
#line2 {
    /* background-image: url("images/Color2.png"); */
    height: 5px;
    width: 590px;
    position: relative;
    top: 2px;
}

.homecontent {
    max-width: 720px;
    margin: auto;
    margin-bottom: 30px;
    font-size: 14px;
}

.entryinfo {
padding-top: 10px;
}

.entryinfo p {
position: relative;
}

.entryinfo input {
margin-left: 80px;
}

.entryinfo .LabelClass {
position: absolute;
top: 7px;
}


		.tooltip{
   			display: inline;
    		position: relative;
		}
		
		.tooltip:hover:after{
    		background: #333;
    		background: rgba(0,0,0,.8);
    		border-radius: 5px;
    		bottom: 26px;
    		color: #fff;
    		content: attr(title);
    		left: 20%;
    		padding: 5px 15px;
    		position: absolute;
    		z-index: 98;
    		width: 220px;
		}
		
		.tooltip:hover:before{
    		border: solid;
    		border-color: #333 transparent;
    		border-width: 6px 6px 0 6px;
    		bottom: 20px;
    		content: "";
    		left: 50%;
    		position: absolute;
    		z-index: 99;
		}

.Error {
float: left;
color: red;
font-size: 14px;
font-weight: bold;
}

/*IE Specific - Can't handle drawing of bracket*/
@media all and (-ms-high-contrast:none) {
.reg1rnd2:before {
        border-left: none;
}

.reg1rnd3:before {
        border-left: none;
}

.reg1rnd4:before {
        border-left: none;
}

.reg1rnd5:before {
        border-left: none;
}


.reg2rnd2:before {
        border-left: none;
}

.reg2rnd3:before {
        border-left: none;
}

.reg2rnd4:before {
        border-left: none;
}

.reg2rnd5:before {
        border-left: none;
}


#Reg5Rnd1Team1:before {
        border-left: none;
}

.reg3rnd2:after {
        border-right: none;
}

.reg3rnd3:after {
        border-right: none;
}

.reg3rnd4:after {
        border-right: none;
}

.reg3rnd5:after {
        border-right: none;
}


.reg4rnd2:after {
        border-right: none;
}

.reg4rnd3:after {
        border-right: none;
}

.reg4rnd4:after {
        border-right: none;
}

.reg4rnd5:after {
        border-right: none;
}


#Reg5Rnd1Team2:after {
        border-right: none;
}


.reg3rnd2:before {
        border-left: none;
}

.reg3rnd3:before {
        border-left: none;
}

.reg3rnd4:before {
        border-left: none;
}

.reg3rnd5:before {
        border-left: none;
}


.reg4rnd2:before {
        border-left: none;
}

.reg4rnd3:before {
        border-left: none;
}

.reg4rnd4:before {
        border-left: none;
}

.reg4rnd5:before {
        border-left: none;
}

.reg5rnd2:before {
        border-left: none;
}

.reg5rnd1:before {
        border-left: none;
}

}

.submitbutton {
    margin: auto;
    width: 150px;
}