﻿
/* elements */
BODY{ margin: 0; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:12px; background-color: #2a3f71; color: #505050; }
H1{	font-size:18px; color: #494f5d; margin-bottom: 4px; }
H2{	font-size:12px; color: #494f5d; margin-top: 4px; margin-bottom: 4px; padding: 4px; background-color: #e9e9e9; }
IMG{ border: 0px; vertical-align: middle; }
A{ color: #3b5998; text-decoration: none; }
TD{ vertical-align: top; }

/* general styles */
.mainContainer{	margin: 0 auto; width: 990px; background-color: #ffffff; }
.rfv{ font-size: 9px; color: #e12929; }
.error{	color: #e12929; }
.success{ color: green; }
.textbox{ border: 1px solid #8c9dc0; font-size: 11px; width: 280px; }
.requiredtextbox{ border: 1px solid #8c9dc0; border-left: 4px solid #ffba00; font-size: 11px; width: 280px; }
.requiredtextboxwatermark{ color:#777; border: 1px solid #8c9dc0; border-left: 4px solid #ffba00; font-size: 11px; width: 280px; }
.dropdown{ font-size: 11px;	min-width: 40px; }
.button{ font-size: 11px; }

/* Password strength */
.BarIndicator_TextBox2 {color:Blue; background-color:Blue; padding-bottom:1px;}
.BarBorder_TextBox2 { border-style:solid; border-width:1px; width:200px; vertical-align:middle;}
.TextIndicator_TextBox3 {
         background-color:Blue;
         color:Yellow;
         font-size:small;
         font-variant:small-caps;  
         padding: 2px 3px 2px 3px;   
    }

.TextIndicator_TextBox3_Handle {
        width:16px;
        height:14px;
        /*background-image:url(images/Question.png);*/
        overflow:hidden;
        cursor:help;
    }
    .TextIndicator_TextBox1 {
         background-color:Gray;
         color:White;
         font-family:Arial;
         font-size:x-small;
         font-style:italic;  
         padding: 2px 3px 2px 3px;   
    }



/* standard box layout(s) */
.explanation{ max-width: 400px; color: #505050; font-size: 11px; font-weight: normal; }
.explanationfullwidth{ max-width: 100%; color: #505050; font-size: 11px; font-weight: normal; }

.box1{ border: 1px solid #f0f0f0; background-color: #fafafa; padding: 8px; font-size: 11px; color: #505050; height: 100%; }
.box1 A{ text-decoration: none; color: #3b5998;	}

.box2{ border: 1px solid #f0f0f0; background-color: #fafafa; padding: 8px; width: 384px; font-size: 11px; color: #505050; }
.box2 A{ text-decoration: none; color: #3b5998;	}

.box3{ border: 1px solid #f0f0f0; background-color: #fafafa; padding: 8px; width: 250px; font-size: 11px; color: #505050; }
.box3 A{ text-decoration: none; color: #3b5998;	}

/* box that is used for locating entities */
.findbox{ font-size: 11px; color: #505050; }
.findbox_grid{ width: 500px; border: 1px solid #8c9dc0; }
.findbox_grid_header{ font-weight: bold; color: #3b5998; background-color: #eceff5; }
.findbox_grid_item{  }
.findbox_grid_altitem{ background-color: #fafafa; }
.findbox_grid_lookupItem{ text-align:center; }
.findbox_grid_selected{ background-color: Yellow; }

/* admin toolbar */
.toolbar{ border-bottom: 1px solid #8c9dc0; padding: 4px; text-align: right; margin-right: 8px; }
.toolbar_button{ text-decoration: none; color: #3b5998; font-size: 11px; }

/* topmost horizontal navigation */
.supernav{ height: 18px; background-color: #000000;	color: #86C7E7; padding: 1px; padding-right: 4px; text-align: right; font-size:12px; padding-top: 20px; }
.supernav A{ text-decoration: none; color: #4b93dd; }


/* main navigation displayed horizontally 3b5998 */
.hnav{ background-color: #2a3f71; width: 100%; height: 40px; font-size: 12px; }
.hnav DIV{ float: left; }
.hnav .menu_item{ padding: 12px 10px 13px 10px; color: #86C7E7; text-decoration: none; font-weight: bold; font-size: 12px; cursor: hand;}
.hnav .menu_item:hover{ background-color: #000000; }

/* dynamic menus */
.menu{ background-color:#ffffff; font-size: 11px; border: 1px solid #3b5998; min-width: 150px; padding: 4px; position: absolute; z-index: 100; visibility: hidden; }
.menu .header{ background-color:#3b5998; color:#ffffff; font-weight:bold; padding:4px; text-align: center; margin-bottom: 4px; }
.menu .item{ padding:4px; cursor: hand; }
.menu .item:hover{ background-color: #eceff5; }
.menu .line{ border-top: 1px solid #f0f0f0; margin-top: 6px; }

/* footer */
.footer{ text-align: right; padding: 8px; font-size:11px; color: #ffffff; background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; height: 40px; }
.footer A{ color: #ffffff; }

/* table layouts */

.layout1 { width: 100%; }
.layout1 .col1{	width: 70%;	vertical-align: top; padding: 8px; margin: 8px; }
.layout1 .col2{	width: 30%;	vertical-align: top; padding: 8px; margin: 8px; }

.layout2 { width: 100%; }
.layout2 .col1{	width: 300px;	vertical-align: top; }
.layout2 .col2{	width: 400px;	vertical-align: top; padding-right: 12px; padding-top: 0px; padding-left: 24px; }
.layout2 .col3{	width: 260px;	vertical-align: top; padding: 12px; padding-top: 0px; }

.layout3 { width: 100%; padding: 8px; margin: 8px; }

/* save/fail status */
.success_message_box{ padding: 4px; background-color: #dcebd4; color: #244b10; }
.failure_message_box{ padding: 4px; background-color: #fcfbe9; color: #dd0000; }

/* form formatting */
.entrytable{ width: 100%; background-color: #ffffff; padding: 0px; margin: 0px; }
.entrytable .col1{ border-bottom: 1px solid #f0f0f0; padding: 2px; color: #505050; font-weight: bold; width: 35%; font-size: 11px; height: 24px; }
.entrytable .col2{ border-bottom: 1px solid #f0f0f0; padding: 2px; width: 65%; font-size: 11px;	height: 24px; }

/* child items in an entrytable form */
.subitem_box TABLE TR TD{ padding: 1px; }

.subitem_box{ border-bottom: 1px solid #f0f0f0; border-left: 6px solid #f0f0f0; background-color: #fafafa; padding-top: 3px; padding-left: 2px; padding-bottom: 1px; margin-bottom: 2px; font-size: 11px; color: #505050; }
.subitem_box A{ text-decoration: none; color: #3b5998;	}

.subitem_toolbar{ font-size: 11px; background-color: #f0f0f0; padding: 2px; text-align: right; }
.subitem_toolbar A{ text-decoration: none; color: #3b5998;	}

.subitem_multirow_cell{ text-align:right; vertical-align:bottom; }


.popupControl
{
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}


/* user page styles */

.contestant_content{ font-size: 12px; }
.contestant_content A{ text-decoration: underline; color: #269400; }
.contestant_content H2{ font-family: arial; font-size: 16px; color: #2a3f71; background-color: transparent; padding: 0px; margin: 0px; }

.userbox{ border: 1px solid #2a3f71; padding: 8px; background-color: #e1f0f8; }

/* user form entry */
.contestantentry{ }
.contestantentry .caption{ height: 38px; padding: 8px; text-align: right; vertical-align: middle; width: 150px; font-size: 14px; font-weight: bold; color: #707070; }

.contestantentry .field{ height: 38px; padding: 8px; vertical-align: middle; }
.contestantentry .field .requiredtextbox{ height: 18px; font-size: 14px; padding: 4px; border: 1px solid #e0e0e0; }

.contestantentry .tip{ height: 38px; padding: 8px; vertical-align: top; width: 208px; background-image:url(../images/tip_left.png); background-repeat: no-repeat; background-position: left center; padding-left: 16px; }
.contestantentry .tip DIV{ padding: 4px; border: 1px solid #e0e0e0; background-color: #f4f4f4; height: 28px; font-size: 12px; color: #707070;  }
.contestantentry .blanktip{ width: 208px; }

.contestantentry .submission{ text-align: right; background-color: #f4f4f4; padding: 12px; }
.contestantentry .validation{ font-size: 16px; color: #d85500; }


/* grid styles */

.grid{ width: 100%; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }
.grid .header{ text-align:left; }
.grid .header A{ text-decoration: none; color: #505050; }
.grid .header A:hover{ color: #3b5998; }
.grid .header TH{ font-family: arial; font-weight: bold; color: #505050; border-top: 1px solid #d0d7e6; border-bottom: 1px solid #d0d7e6; font-size: 12px; padding: 8px 4px 8px 4px; }

.grid .header .sort{ background-color: #eeeff4; }

.grid .row{ color: #090909; }
.grid .row TD{ border-bottom: 1px solid #d0d7e6; font-size: 11px; padding: 6px; }

.grid .altrow{ color: #090909; background-color: #f7f8fa; }
.grid .altrow TD{ border-bottom: 1px solid #d0d7e6; font-size: 11px; padding: 6px; }

.grid .pager{ font-size: 12px; color: #CC6600; font-weight: bold; background-color: #ffffff; }
.grid .pager A{ text-decoration: none; color: #3b5998; }