/* Main CSS Layout for UML */

/* ColorCombo 195 from colorcombos.com */
/* 2D3956 - Dark */
/* 455372 - middle */
/* 616A7F - light */
/* E7E7E7 - background */
/* E0E9E9 - ???? (light blue) */
/* FF1A00 - Red */

body {
    margin:2px auto;
    padding:5px;
    font-family:verdana, arial, helvetica, sans-serif;
    background:#FFFFFF;
}

body,p,blockquote {
    font-size: 12pt;
}


/* Header for page */
#header {
    position:relative;
    top:0px;
    left: 0px;
    margin: 0px auto; 
    width: 100%; 
    font-family: Verdana, Arial, Sans Serif;
    font-sizae: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
    zindex: 9;
}

/* Main Content */
#content_div {
    position:relative;
    top:0px;
    left: 0px;
    margin: 0px auto; 
    width: 1000px; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    zindex: 0;
}

/* Main Content */
#content_admin_div {
    position:relative;
    top:0px;
    left: 0px;
    margin: 0px auto; 
    width: 1200px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    zindex: 0;
}

/* Data Entry */
#content_dataentry_div {
    position:relative;
    top:0px;
    left: 0px;
    margin: 0px auto; 
    width: 1050px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    zindex: 0;
}


/* Main Content */
#footer {
    float: left;
    top:10px;
    left: 0px;
    margin: 0px auto; 
    width: 900px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}


/* Left Column */
#leftcol {
    float: left;
    top:10px;
    left: 0px;
    margin: 10px auto; 
    width: 150px; 
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}

/* Left Column Admin Screen*/
#leftcol_admin {
    float: left;
    top:10px;
    left: 0px;
    margin: 10px auto; 
    width: 200px; 
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}

/* Left Column DataEntry Screen*/
#leftcol_dataentry {
    float: left;
    top: 0px;
    left: 0px;
    margin: 10px auto; 
    width: 200px; 
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}


/* Content area */
#content {
    float: left;
    top:120px;
    left: 160px;
    margin: 10px 10px auto; 
    width: 800px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}

#content_admin {
    float: left;
    top:120px;
    left: 160px;
    margin: 10px 10px auto; 
    width: 950px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}


/* Right Column (usually blank) */
#rightcol {
    float: left;
    top:150px;
    left: 1140px;
    margin: 10px auto; 
    width: 150px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}

/* Right Column (usually blank) */
#rightcol_admin {
    float: left;
    top:150px;
    left: 1100px;
    margin: 10px auto; 
    width: 10px; 
    background-color: #FFFFFF; 
    font-family: Verdana, Arial, Sans Serif;
    font-size: 12px; 
    text-decoration: none;
    font-size-adjust: none; 
}


*.drop_content
{
    width: 780px; 
    background-color: #FFFFFF; 

}
*.DropNote {
	font-size: 16px; 
    font-weight: bold;
	}

*.FooterMain {
	
	}

/* Footer */
table.FooterMain {
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 10px 10px 10px 10px;
    width: 900px;
    background-color: #ACC2E2;
    font-size: 10pt;
}

table.FooterMain td {
    text-align: center;
    font-size: 10pt;
}
*.headermain {
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 20px; 
    font-weight: bold;
    color: #000000;
    background: #2D3956;
    text-decoration: none;
}


*.headertext {
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 14px; 
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}


*.boxtitle {
    background: #3A66A7;
    margin: 0px auto;
}

*.boxtext {
    margin: 0px auto;
    padding: 3px 3px 6px 6px;
    font-weight: bold;
    color: #FFFFFF;

}

*.boxcontent {
    background: #ACC2E2;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

*.boxscoretext {
    margin: 0px auto;
    font-weight: bold;
    font-size: 12px; 
    color: #FFFFFF;
}

*.boxscorecontent td {
    background: #ACC2E2;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    font-size: 12px; 
}    
    
*.cp_tableheader
{
    background: #3A66A7;
}

*.navitems {
    margin: 0px auto;
    padding: 0px 3px 6px 6px;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 12px; 
}


*.leftmenu1 {
    background: #BBDDFF;

}

*.race_announcement {
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 20px; 
    font-weight: bold;
    color: #000000;
    background: #D3D3D3;
    text-decoration: none;
    text-align: center;
}


*.groupbox {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    background: #E6E4E4;
}

*.groupcontent {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;

}

table.ContentTitle {
    font-weight: bold;
    color: #FFFFFF;
}

/* Athlete Info */
table.Athlete {
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    width: 800px;
    
}

table.Athlete td {
    text-align: left;
}

table.Athlete td.Title {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	//background: #F8F8ED;
	}
	
table.Athlete td.SubTitle {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #D8D3DE;
	}
		
td.AthleteInfoTitle {
	font-size: 12px;
	font-weight: bold;
		
	}

td.AthleteInfo {
	font-size: 12px;
	}

/* Athlete Splits */
table.AthleteSplits {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 800px;
}
table.AthleteSplits th {
    text-align: left;
    font-weight: bold;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #DBE2F1;
}
table.AthleteSplits td {
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    //background: #DBE2F1;
    background: #F8F8ED;
}

table.AthleteSplits thead th {
    //background: #687EAB;
    background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}
table.AthleteSplits th.Corner {
    text-align: left;
}
table.AthleteSplits td.AS50 {
	width: 50px;
}
table.AthleteSplits td.AS60 {
	width: 60px;
}
table.AthleteSplits td.AS100 {
	width: 100px;
}
table.AthleteSplits td.AS110 {
	width: 110px;
}
table.AthleteSplits td.AS170 {
	width: 170px;
	text-align: left;
}

/* Stations */
table.Stations {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 800px;
}

table.Stations td {
    text-align: center;
    //border-bottom: 2px solid #FFFFFF;
    //padding: 0.1em 0.5em;
    font-weight: normal;
}

table.Stations td.LeftAlign {
    text-align: left;
}

table.Stations thead th {
    background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

table.Stations tr
{
	background: #F8F8ED;	
}

table.Stations tr.HighLight
{
	background: #DBE2F1;	
}

/* Station Info */
table.StationInfo {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 800px;
}
table.StationInfo th {
    text-align: left;
    font-weight: bold;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    //background: #DBE2F1;
}

table.StationInfo tbody tr.NoData {
	background: #FFFFFF;
	}

table.StationInfo td {
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    //background: #DBE2F1;
    
}

table.StationInfo td.AlignLeft {
    text-align: left;
}

table.StationInfo thead th {
    //background: #687EAB;
    //background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}
table.StationInfo th.Corner {
    text-align: left;
}

table.StationInfo tr
{
	background: #F8F8ED;	
}

table.StationInfo tbody tr.NoData
{
	font-weight: bold;
    font-size: 14px;	
}

table.StationInfo tbody tr.SIhighlight
{
	background: #DBE2F1;	
}
table.StationInfo tbody tr.SInormal {
	background: #F8F8ED;	
}

table.StationInfo td.GI120 {
	width: 120px;
	text-align: left;
}


/* Group Info */
table.GroupInfo {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 800px;
}
table.GroupInfo th {
    text-align: left;
    font-weight: bold;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    //background: #DBE2F1;
}

table.GroupInfo tbody tr.NoData {
	background: #FFFFFF;
	}

table.GroupInfo td {
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    //background: #DBE2F1;
    
}

table.GroupInfo thead th {
    //background: #687EAB;
    //background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}
table.GroupInfo th.Corner {
    text-align: left;
}

table.GroupInfo tr
{
	background: #F8F8ED;	
}

table.GroupInfo tbody tr.GIhighlight
{
	background: #DBE2F1;	
}
table.GroupInfo tbody tr.GInormal {
	background: #F8F8ED;	
}

table.GroupInfo td.GI120 {
	width: 120px;
	text-align: left;
}

/* Drops */
table.Drops {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 800px;
}

table.Drops tbody tr.NoData {
	background: #FFFFFF;
	}

table.Drops td {
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
}

table.Drops td.LeftAlign {
    text-align: left;
}

table.Drops thead th {
    background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}
table.Drops th.Corner {
    text-align: left;
}

table.Drops tr
{
	background: #F8F8ED;	
}

table.Drops tbody tr.Dhighlight
{
	background: #DBE2F1;	
}
table.Drops tbody tr.Dnormal {
	background: #F8F8ED;	
}

table.Drops td.GI120 {
	width: 120px;
	text-align: left;
}


/* History Table */
table.History {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 640px;
}

table.History tbody tr.NoData {
	background: #FFFFFF;
	}

table.History td {
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
}

table.History td.LeftAlign {
    text-align: left;
}

table.History thead th {
    background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

table.History th.Corner {
    text-align: left;
}

table.History tr
{
	background: #F8F8ED;	
}

table.History tbody tr.Dhighlight
{
	background: #DBE2F1;	
}
table.History tbody tr.Dnormal {
	background: #F8F8ED;	
}

table.History td.GI120 {
	width: 120px;
	text-align: left;
}

/* Video Table */
table.Video {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 700px;
}

table.Video tbody tr.NoData {
	background: #FFFFFF;
	}

table.Video td {
    text-align: center;
	text-decoration: underline;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
	font-size: 12px;
}

table.Video td.LeftAlign {
    text-align: left;
}

table.Video thead th {
    background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

table.Video th.Corner {
    text-align: left;
}

table.Video tr
{
	background: #F8F8ED;	
}

table.Video tbody tr.Dhighlight
{
	background: #DBE2F1;	
}
table.Video tbody tr.Dnormal {
	background: #F8F8ED;	
}

table.Video td.GI120 {
	width: 120px;
	text-align: left;
}

/* Race Admin Status */
table.AdminRaceStatus {
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 10px 10px 10px 10px;
    //width: 600px;
    background-color: #FFFFFF;
    font-size: 12pt;
}

table.AdminRaceStatus thead th {
    background: #D8D3DE;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

table.AdminRaceStatus td {
    text-align: center;
    vertical-align: top;
    //width: 50%;
    font-size: 10pt;
}

table.AdminRaceStatus tbody tr.RShighlight
{
	background: #DBE2F1;	
}
table.AdminRaceStatus tbody tr.RSnormal {
	background: #F8F8ED;	
}

table.AdminRaceStatus td.RS200 {
	width: 200px;
	text-align: left;
}
table.AdminRaceStatus td.RS100 {
	width: 100px;
	text-align: left;
}

table.AdminRaceStatus td.RS150 {
	width: 150px;
	text-align: left;
}


/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 0px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;

}
/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/* the following section supports rounded corners */
.roundBoxHeader{background-color:#B1C0D5; padding: 0 5px;}
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;}
/* end rounded corners*/

