﻿/* DEFAULTS
----------------------------------------------------------*/

body
{
	background: #E5E5E5;
	font-size: .80em;
	/*font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;*/
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	margin-top: 0px;
	padding: 0px;
	/*color: #696969;*/
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a:link, a:visited
{
    color: #034af3;
    text-decoration: none;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
    text-decoration: none;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

td{
	word-break:break-all;
}
th{
	word-break:normal;
	background-color: #3a4f63;
	text-align:left;
	vertical-align:bottom;
	color:white !important;
}
th a:link{
	color:white !important;
}

/* 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: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

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: 1280px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    /*border: 1px solid #496077;*/
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    /*background: #7496D8;*/
    background: #6da1d6;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #111;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 350px;
}

.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
{
    background-color:#3a4f63;
    /*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;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 0px 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

fieldset div.inline
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 120px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 220px;
    border: 1px solid #ccc;
}

input.keyEntry 
{
    width: 75px;
    border: 1px solid #ccc;
    text-align: right;
}

input.keyReadOnly
{
	width: 70px;
	border: 1px solid #ccc;
	background-color: #E0E0E0;
}

input.keyEntryS 
{
    width: 55px;
    border: 1px solid #ccc;
}

input.keyReadOnlyS
{
	width: 55px;
	border: 1px solid #ccc;
	background-color: #E0E0E0;
}

input.keyEntryL
{
    width: 150px;
    border: 1px solid #ccc;
}

input.keyReadOnlyL
{
	width: 150px;
	border: 1px solid #ccc;
	background-color: #E0E0E0;
}

div.accountInfo
{
    width: 45%;
}

div.key
{
    width: 99%;
}

.blueTxt
{
	color: Blue;
	font-weight:bold;
}
/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
	padding:2px;
}

.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
{
    color: Red;
    font-weight: bold;
}

.successNotification
{
    color: Green;
    font-weight: bold;
}

.bold
{
    font-weight: bold;
}

.btn
{
	cursor: pointer;
	height: 23px;
}


.submitButton
{
    text-align:right;
}

.ajaxMsg
{
	border: 1px solid #001B53;
	background-color: #26498A;
	width: 150px;
	height: 62px;
	position: absolute;
	visibility: hidden;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 1.2em;
	z-index: 1000;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-khtml-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.ajaxMsg1
{
	border: 1px solid #001B53;
	background-color: #26498A;
	width: 300px;
	height: 100px;
	position: absolute;
	display: none;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	color: white;
	font-size: 1.2em;	
}

input[type="text"], select, input[type="password"], textarea
{
	/*-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;*/
	/*background: #F8F8F8;*/
	padding: 3px;
	border: 2px solid #777;
	color: #666;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="text"]:hover, input[type="password"]:hover, select:hover, select:focus, textarea:hover, textarea:focus
{
	background: #FFFFCC;
	border-color: #3399FF;
	color: #333;
}

input[type="submit"], input[type="button"], button
{
	/*-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;*/
	/*font-size: 130%;*/
	padding: 3px 6px;
	width: auto;
	background-color: #3366FF;
	color: #FFFFFF;
	border: 1px solid #6699FF;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0 1px 0 rgba(0,0,0,.25), inset 0 1px 2px rgba(255,255,255,.67), inset 0 -1px 0 rgba(0,0,0,.14); /*background-image: -moz-linear-gradient(90deg, #3366FF 0%, #6699FF 100%);
    background-image: -o-linear-gradient(90deg, #3366FF 0%, #6699FF 100%);
    background-image: -webkit-linear-gradient(90deg, #3366FF 0%, #6699FF 100%);
	background-image: -ms-radial-gradient(center, circle farthest-corner, #3366FF 0%, #6699FF 100%);*/
	background-image: linear-gradient(0deg, #3366FF 50%, #6699FF 100%);
}

input[type="submit"]:hover,input[type="button"]:hover, button:hover
{
	background-color: #6699FF;
	color: #000000;
	background-image: linear-gradient(180deg, #6699FF 0%, #99CCFF 100%);
	cursor:pointer;
}

input:disabled, input:disabled:hover, input:disabled:focus
{
	background-color:#dddddd; border-color: #777;box-shadow:none;background-image:none;
}

input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="button"]:disabled, input[type="button"]:disabled:hover
{
	color: #C0C0C0;
	font-weight: normal;
	cursor:default;
}

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:normal !important}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {overflow:hidden;text-align:center;display:-moz-inline-box;display:inline-block}

.ajax_tabs .ajax__tab_header {font-family:"Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;font-size:12px; margin-bottom:-5px}
.ajax_tabs .ajax__tab_outer {padding-right:4px;background:url(../Images/tabs/tab-right.gif) no-repeat right;height:21px;}
.ajax_tabs .ajax__tab_inner {padding-left:3px;background:url(../Images/tabs/tab-left.gif) no-repeat;}
.ajax_tabs .ajax__tab_tab {height:21px;padding:4px;margin:0px;background:url(../Images/tabs/tab.gif) repeat-x;}
.ajax_tabs .ajax__tab_hover .ajax__tab_outer {cursor:pointer;background:url(../Images/tabs/tab-hover-right.gif) no-repeat right;}
.ajax_tabs .ajax__tab_hover .ajax__tab_inner {cursor:pointer;background:url(.../Images/tabs/tab-hover-left.gif) no-repeat;}
.ajax_tabs .ajax__tab_hover .ajax__tab_tab {cursor:pointer;background:url(../Images/tabs/tab-hover.gif) repeat-x;}
.ajax_tabs .ajax__tab_active .ajax__tab_outer {background:url(../Images/tabs/tab-active-right.gif) no-repeat right;}
.ajax_tabs .ajax__tab_active .ajax__tab_inner {background:url(../Images/tabs/tab-active-left.gif) no-repeat;}
.ajax_tabs .ajax__tab_active .ajax__tab_tab {background:url(../Images/tabs/tab-active.gif) repeat-x;}
.ajax_tabs .ajax__tab_disabled { color: #A0A0A0;}
.ajax_tabs .ajax__tab_body {font-family:"Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;font-size: 1em;border:1px solid #999999;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}
