/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-color: #696969;
    font-size: .60em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 2em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.8em;
    font-weight: 600;
}

h3
{
    font-size: 1.6em;
    font-weight: 600;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 99%;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.TopPage
{
    background-color: #FFFF00;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #FDD64E;
    width: 100%;
}

.header h1
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    line-height: 2em;
    font-size: 2em;
    width: 392px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width: 100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    /*background-color: #465c71;*/
    background-color: #FFCC00;
    border: 1px #4e667d solid;
    color: Navy;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
}

div.menu ul li a:hover
{
    /*background-color: #bfcbd6;*/
    background-color: Yellow;
    color: Blue;
    text-decoration: none;
    font-size: 12px;
}

div.menu ul li a:active
{
    /*background-color: #465c71;*/
    background-color: #FFCC00;
    color: Navy;
    text-decoration: none;
    font-size: 12px;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 250px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 250px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 50%;
}

/* MISC  
----------------------------------------------------------*/

.hide
{
    display:none;
}

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: 324px;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


/* --------------------- New Tags -------------------- */

.divValidation
{
    padding: 0 0 0 0;
    border-width: 0;
    width: 100%;
}
#divInfo 
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(image/info.png);
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
 
}
#divSuccess 
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(image/success.png);
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
 
}
#divWarning 
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(image/warning.jpg);
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
 
}
#divError 
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(image/error.jpg);
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;    
    background-repeat: no-repeat;
    background-position: 10px center;
    
}

.logininfo
{
    color: Maroon;
    direction: ltr;
}

.gridview
{
    background-color: #F8F0CF;
    color: Black;
    border: none;
}

.gridheader
{
    background-color: #FDD64E;
    color: Black;
    font-family: Arial, Tahoma, sans-serif;
    font-weight: bold;
    font-size: 10px;
    border: none;
    height: 25px;
}

.gridfilter
{
    background-color: #FAE7A3;
    height: 25px;
    vertical-align: middle;
}

.gridpager
{
    background-color: #FDD64E;
    color: Black;
    text-align: left;
    height: 25px;
}

.gridselectrow
{
    background-color: #BF8000;
    color: #FFFFFF;
}

.gridalterrow
{
    color: Black;
    background-color: #FAE7A3;
}

.smalltextfilter
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #000000;
	background-image: url(../../Images/textbox_bg.gif);	
	width: 110px;
}

.textfilter
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #000000;
	background-image: url(../../Images/textbox_bg.gif);	
	width: 150px;
}

.textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #000000;
	background-image: url(../../Images/textbox_bg.gif);	
	width: 450px;
}

.textstyle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #000000;
	background-image: url(../../Images/textbox_bg.gif);	
	width: 250px;
}

.textstyle-readonly
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #000000;
	background-color: #DAD9D9;
	background-image: url(../../Images/textbox_bg.gif);	
	width: 250px;
}

.dropdown
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px solid #000000;
	width: 254px;
}

.arrow
{
    background-image: url('Image/contact-arrow.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}


.entry_form_table
{
    
}

.entry_form_header
{
    background-color: #FDD64E;
    height: 25px;
}

.entry_form_tr
{
    background-color: #F8F0CF;
}

.entry_form_td
{
    text-align: left;
    padding-left: 5px;
    white-space: nowrap;
}

.button
{
	border-right: #b0c4de 1px solid;
	padding-right: 2px;
	border-top: #b0c4de 1px solid;
	padding-left: 2px;
	
	font-size: 8pt;
	padding-bottom: 2px;
	border-left: #b0c4de 1px solid;
	color: #FFFFFF;
	padding-top: 2px;
	border-bottom: #b0c4de 1px solid;
	
	background-color: #BF8000;
	text-decoration: none;
	width: 90px;
	cursor: hand;
}


.buttonlarge
{
	border-right: #b0c4de 1px solid;
	padding-right: 2px;
	border-top: #b0c4de 1px solid;
	padding-left: 2px;
	
	font-size: 11pt;
	padding-bottom: 2px;
	border-left: #b0c4de 1px solid;
	color: #FFFFFF;
	padding-top: 2px;
	border-bottom: #b0c4de 1px solid;
	
	background-color: #BF8000;
	text-decoration: none;
	width: 180px;
	height: 30px;
	cursor: hand;
}

/* --------------- Start Grid Paging ------------------ */

.pagerOuterTable
{
    border-collapse: collapse;
    border: 1px solid #4d5c93;
    background-color: #FDD64E;
    color: #39437e;
    /*align: left;*/
}

.pageCounter
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #000000;
    background-color: #FDD64E;
    text-align: center;
    vertical-align: middle;
}

.pageFirstLast
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;    
}

.pagePrevNextNumber
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.pageCurrentNumber
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    font-weight: bold;
    background-color: #F8F0CF;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.pageGroups
{
    font-family: Tahoma;
    font-size: 10pt;
}

.pagerLink, .pagerLink#hover, .pagerLink#active, .pagerLink#visited
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    text-decoration: none;    
}

/* --------------- End Grid Paging ---------------------- */


/* --------------- Start Model Popup ------------------- */

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground 
{
	background-color:#BF8000;
	filter:alpha(opacity=40);
	opacity:0.7;
}

.modalPopup {
	/*background-color:#EEEEEE;*/
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	font-size:small;
	padding:3px;
	width:250px;
}

.modalSignUp {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	font-size:medium;
	padding:3px;
	width:250px;
}
.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/* --------------- End Model Popup ---------------------- */

/* --------------- Dashboard Start ---------------------- */

.border-box-detail
{
    float: left;
    height: auto;
    width: 860px;
    border: 1px solid #afafaf;
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.table_th_screen_rr 
{
    color: #01396A;
    font-family: 'Gill Alt One MT';
    font-weight: bold;
    font-size: 14px;
    height: 40px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: thin;   
    background-color: #663300;
    color: #FFFFFF;
}

.table_td_screen_odd_rr
{
    color: #FFFFFF;
    font-family: 'Gill Alt One MT';
    font-weight: bold;
    font-size: 14px;
    height: 40px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: thin;
    min-width: 100px;
    background-color: #000000;
}

.table_td_small_screen_odd_rr
{
    color: #FFFFFF;
    font-family: 'Gill Alt One MT';
    font-weight: bold;
    font-size: 14px;
    color: #372835;
    height: 40px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: thin;
    width: 80px;
    background-color: #FFFFCC;
}

.table_td_small_screen_even_rr
{
    color: #FFFFFF;
    font-family: 'Gill Alt One MT';
    font-weight: bold;
    font-size: 14px;
    color: #372835;
    height: 40px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: thin;
    width: 80px;
    background-color: #FFFFFF;
}

.table_tf_screen_rr
{
    color: #01396A;
    font-family: 'Gill Alt One MT';
    font-weight: bold;
    font-size: 14px;
    height: 40px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: thin; 
    background-color: #663300;
    color: #FFFFFF;
}

/* --------------- Dashboard End ---------------------- */