body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color : #FFFFFF;
	scrollbar-3dlight-color: #244974;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color:  #C4CDD8;
	scrollbar-shadow-color: #C4CDD8;
	scrollbar-darkshadow-color: #244974;
	scrollbar-arrow-color:  #244974;
	scrollbar-track-color: #EBF1F7;	
        font-size: 80%;
}

/* menu styles */

a:link.menu{
		color:#ffffff;
	text-decoration:none;font-size:10px;
		border : 1px solid #003399;
	
}

a:visited.menu{
	color:#ebe8df;
	text-decoration:none;font-size:10px;
		border : 1px solid #003399;
	
}

a:hover.menu{color:#000000;
		text-decoration:none;
		border : 1px solid #B8DCFA;
		background-color:#6699cc;
		}

body.menu
{
    background: #DFE5EA url(/jet/images/interface/duckegg_bkgd.gif) no-repeat fixed top right;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin : 0;
	overflow-y: auto;
    overflow-x: hidden;
}	
.tinytext1{font-size:8pt} 

.tinytext2{font-size:8pt; color:red}


.menutable
{
	margin: 8px 0 0 10px;
}

.menutable td {
    background-color: transparent !important;
}

.menubutton
{color:#000000;
		text-decoration:none;
		border : 1px solid #B8DCFA;
		background-color:#6699cc;
		font-weight:bold
		}
		
input.menubutton
{color:#000000;
		text-decoration:none;
		border : 1px solid #B8DCFA;
		background-color:#6699cc;
		}
		
/*report  styles*/

body.report
{
	background-color : White;
	color : #333333;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;

}
/*generic  styles*/





h1{
	color: #113157;
	font-weight: normal;
	font-size: 21px;
}
h2{
	color: #113157;
	font-weight: normal;
	font-size: 18px;
}
h3{
	color: #113157;
	font-weight: bold;
    text-align: center;
    margin-top: 0;
}
h4{
	color: #990000;
	font-weight: normal;
	font-size: 15px;
}
h5{
	color: #990000;
	font-weight: normal;
	font-size: 14px;
}

h6{
	color: #990000;
	font-weight: normal;
	font-size: 15px;
}




p{
	font-size:12px;
}

a{

	text-decoration:none;
	color: #003399;
}

a:link {
		text-decoration: none;
		font-variant : normal;
		font-weight:normal;
		color: #003399;
		text-align:justify;
		}




a:hover{
	
	text-decoration:underline;
	color: #003399;
}

.menu a
{
    font-size: 80%;
    color: #003570 !important;
	text-decoration: none;
	padding: 1px 4px 2px 2px;
}

.menu a:hover
{
    color: #003570 !important;
	text-decoration: underline;
}

.menu a span
{
	padding-right: 0.5em;
}


a.active{
	
	text-decoration:underline;
	color: #003399;
}

hr.dotted{
	color:003399;
	border : dotted;
}

img {
    border: 0;
}

.clear {
    clear: both;
}



.header{
	background-color : #E3EAF1;
	text-align:left;
	border-bottom : 1px solid #003399;
	border-left : 0px;
	border-right : 0px;
	border-top : 0px;
	font-size:11px;
}
.mainHeader{
    background-color : #8ba1c7;
	color:white;
	font : bold 11px Arial, Helvetica, sans-serif;
    border: 1px solid #8ba1c7;
	
}
.subHeader{
    background-color : #8ba1c7;
	color:white;
	font : bold 11px Arial, Helvetica, sans-serif;

}

.regionHeader{
	background-color : #7683C7;
	color:white;
	font : bold 11px Arial, Helvetica, sans-serif;

}

input,
a.button {
	font-family: arial;
	/*font-size:10px;*/
}

input.main {
    font-face:arial;
	font-size:10px;
	color:yyyyyy;
}

input[type=text] {
    height: 13px;
}

.inputrow,
input.formfield {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-size: 12px;
   /* width: 80px;
    height: 22px;*/
    padding: 4px 4px 3px !important;
	color: #000000;
}

select.inputrow  {
    height: auto;
}


.button, .button2
{
    height: 22px;
	padding: 0 1em;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	border: 0;
	background: #7C92AC url('/jet/images/button_bkgd.gif') repeat-x left bottom;
}


input[type=button]:hover,
input[type=submit]:hover,
.button:hover,
.button2:hover
{
    color: #FFFFFF;
    background: #18365A none !important;
    text-decoration: none;
}



/*.button2 {
     BORDER-RIGHT: #003399 thin solid;
     BORDER-TOP: #003399 thin solid;
     FONT-SIZE: 11px;
     BORDER-LEFT: #003399 thin solid;
     BORDER-BOTTOM: #003399 thin solid;
     FONT-FAMILY: verdana;
     LETTER-SPACING: 1px;
     cursor : hand;
     width:80px;
     background-color:#E3EAF1;
	 color: #003399;
}*/

.button3 {
     FONT-SIZE: 12px;
     cursor: pointer;
     width: 80px;
     border: 0;
     color: #18365a;
     text-decoration: underline;
     background-color: #e3eaf1;
}

a.button {
	color:white;
	text-decoration:none;
    padding-top: 3px;
    height: 19px;
    font-weight: bold;
}

select.formField{
	WIDTH: 120px;
	BORDER-BOTTOM: #333333 1px solid;
	font-size: 11px;
	color:#003399;
	font-family:tahoma;
	background-color : white;
}

TEXTAREA.formField{
	WIDTH: 600px;
	BORDER-BOTTOM: #333333 1px solid;
	font-size: 11px;
	color:#003399;
	font-family:tahoma;
	background-color : white;
}

.reportHeader{
	font-size: 110%;
	font-weight: normal;
	color: #113157;
	margin: 0.8em 0 0;
	text-align: left;
}

.blanktable{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	/*color:#003399;*/
	text-align:left;
	background-color : white;
}

.campaignheadertable{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	/*color: #003399;*/
	text-align:left;
	background-color:white;
	padding : 2px 2px 2px 2px;
	border-color: #003399;
    border : 1px solid #9CADC0;
	spacing: 0px;
}

table.datatable{

	/*font-size: 93%;*/
    /*color: #003399;
    padding : 2px 2px 2px 2px;
    background-color:#e3eaf1;*/
	text-align:left;
	border-right : 1px solid #BDC8D5;
	border-bottom : 1px solid #BDC8D5;
	spacing: 0px;
}

body.help {

	font : normal normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	background-color:#FFFFFF;
	padding : 2px 2px 2px 2px;
	spacing: 0px;
}


table.datatable th{

  padding : 0.4em 0.5em;
  vertical-align: top;
  background: #F6F8F9 url('/jet/images/interface/th_jet_header_bkgd.gif') repeat-x left bottom;
  color: #000000;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  border-top: 1px solid #C1CCD8;
  border-left: 1px solid #9CADC0;
  
	/*padding : 3px 3px 4px;
    border-left : 1px solid #415c8a;
    border-top : 1px solid #5c739a;
	spacing: 0px;
    color: #FFFFFF;
    background-color: #5c739a;*/
}

table.datatable th.total {
  color: #FFFFFF;
  background: #98A8B5 url('/jet/images/interface/th_total_header_bkgd.gif') repeat-x left bottom;
}

table.datatable th.sp {
    background: #DFE3E6 url('/jet/images/interface/tabs/header_info_bkgd.gif') repeat-x left bottom !important;
    border-top: 1px solid #BDC8D5;
}

table.datatable td{

    padding : 0.4em 0.5em;
    border-left : 1px solid #BDC8D5;
    border-top : 1px solid #BDC8D5;
    spacing: 0px;
}

table.datatable td table,
table.datatable td td {

    border-left : 0;
    border-top : 0;
    padding: 0;
}




table.jet_tabs
{
    padding: 0.4em 0.8em;
    vertical-align: top;
    border-bottom: 1px solid #7C92AC;
    border-right: 1px solid #9CADC0;
    border-collapse: collapse;
}

tr.jet_tabs td:first-child
{
  border-left: 1px solid #9CADC0;
}

tr.jet_tabs > th,
th.jet_tabs
{
  border-collapse: collapse;
  padding: 0.4em 0.8em;
  vertical-align: top;
  background: #F6F8F9;
  color: #000000;
  font-weight: bold;
  font-size: 90%;
  text-align: left;
  border-left: 1px solid #9CADC0;
}




table.tab_menu td
{
    border-bottom: 3px solid #9CADC0;
    border-left: 1px solid #9CADC0;
    padding: 0;
    vertical-align: top;
}

table.tab_menu th
{
    border-top: 1px solid #9CADC0;
    border-left: 1px solid #9CADC0;
    border-bottom: 3px solid #9CADC0;
    text-align: center;
}

table.tab_menu th a,
table.tab_menu input[type=submit]
{
    border: 0;
    font-weight: bold;
    display: block;
    color: #113157;
    padding: 0.5em 1.5em;
    background: #F6F8F9 url('/jet/images/interface/tabs/header_bkgd.gif') repeat-x left bottom;
}

table.tab_menu th a:hover,
table.tab_menu input[type=submit]:hover
{
    cursor: pointer;
    text-decoration: none;
    color: #082B53;
    background: #DFE3E6 url('/jet/images/interface/tabs/header_info_bkgd.gif') repeat-x left bottom !important;
}

table.tab_menu th.active
{
    border-bottom: 3px solid #FFFFFF;
}

table.tab_menu th.active a, table.tab_menu th.active a:hover,
table.tab_menu th.active input[type=submit], table.tab_menu th.active input[type=submit]:hover
{
    color: #830500;
    background: #FFFFFF url('/jet/images/interface/tabs/active_tab.gif') repeat-x left top !important;
}

.subheading
{
    color: #666666;
    font-style: italic;
}




table.datatableNoShadow{

	font : normal normal 12px Arial, Helvetica, sans-serif;
	/*color: #003399;*/
	text-align:left;
	background-color:#e3eaf1;
	padding : 2px 2px 2px 2px;
	spacing: 0px;
}

table.nocellborders{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	/*color: #003399;*/
	text-align:left;
	background-color:#e3eaf1;
	padding : 2px 2px 2px 2px;
	border : 1px solid #BDC8D5;
	spacing: 0px;
}

table.noborders{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	/*color: #003399;*/
	text-align:left;
	background-color:#e3eaf1;
	padding : 2px 2px 2px 2px;
	spacing: 0px;
}

table.nocellborders input.button {
    font-size: 108%;
}


.campaign_totals input {
    float: left;
}


.warning{
	color:red;
}

.black{
	color:black;
}

.Caps{
	font-variant: small-caps;
}

.differ
{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	color: orange;
}

.diffDemos
{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	background-color:#E3EAE6;
}



.missingStn
{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	background-color:pink;
}

.truncate
{
	font : normal normal 12px Arial, Helvetica, sans-serif;
	color: #003399;
	text-align:left;
	text-decoration:none;
}
	
.blue { 
    font : normal normal 12px Arial, Helvetica, sans-serif;
	color: white;
	background-color:#337CBD;}






/* ### Start Topbar ### */


.topbar_body{
    background: #9CADC0 url(/jet/images/interface/topmenu/topbar_bkgd.gif) repeat-x top left;
    font-size: 70%;  
    font-family : Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
}

.topbar_logo {
    float: left;
    width: 112px;
}

.topbar_menu {
    height: 36px;
    margin-left: 112px;
    background: url(/jet/images/interface/topmenu/bkgd_blue.gif) repeat-x top left;
}

.topbar_menu_edge {
    float: left;
    height: 36px;
    width:  12px;
    background: url(/jet/images/interface/topmenu/end_blue.gif) no-repeat top left;
}

.topbar_menu_version {
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    padding: 8px;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.topbar_button_group {
    float: right;
    height: 30px;
    overflow: hidden;
    padding-left: 10px;
    border-right: 1px solid #636363;
}

.topbar_button {
    display: inline-block;
    border-left: 1px solid #636363;
    background: url(/jet/images/interface/b_bkgd.png) repeat;
    width: 16px;
    height: 16px;
    padding: 7px;
}

.topbar_button.flagged {
    background: #8b2b2b none;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #1a3d66;
    padding-bottom: 6px;
}

.topbar_body .dev .topbar_button.flagged {
    background: #af901a none;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #644e1a;
    padding-bottom: 6px;
}

.topbar_body .global .topbar_button.flagged {
    background: #9e6f1c none;
    border-bottom: 1px solid #691c1e;
    padding-bottom: 6px;
}

.topbar_button:hover,
.topbar_button.flagged :hover {
    background: #000000 url(/jet/images/interface/b_bkgd_hover.png) repeat !important;
}

.topbar_body .dev .topbar_menu {
    background: url(/jet/images/interface/topmenu/bkgd_brown.gif) repeat-x top left;
}
.topbar_body .dev .topbar_menu_edge {
    background: url(/jet/images/interface/topmenu/end_brown.gif) no-repeat top left;
}

.topbar_body .global .topbar_menu {
    background: url(/jet/images/interface/topmenu/bkgd_red.gif) repeat-x top left;
}
.topbar_body .global .topbar_menu_edge {
    background: url(/jet/images/interface/topmenu/end_red.gif) no-repeat top left;
}

.topbar_body .staging .topbar_menu {
    background: url(/jet/images/interface/topmenu/bkgd_purple.gif) repeat-x top left;
}
.topbar_body .staging .topbar_menu_edge {
    background: url(/jet/images/interface/topmenu/end_purple.gif) no-repeat top left;
}

.topbar_body .training .topbar_menu {
    background: url(/jet/images/interface/topmenu/bkgd_green.gif) repeat-x top left;
}
.topbar_body .training .topbar_menu_edge {
    background: url(/jet/images/interface/topmenu/end_green.gif) no-repeat top left;
}

.topbar_details {
    color: #666666;
    padding: 2px 10px 0 20px;
    margin-left: 112px;
}

.topbar_phone {
    float: right;
    padding-left: 10px;
    border-left: 1px solid #b4c1cf;
}

.topbar_phone strong {
    color: #000000;
    padding-left: 5px;
}

.topbar_contact {
    float: right;
    padding: 0 10px;
}

/* ### End Topbar ### */


.control_bar {
    overflow: hidden;
}

.control_bar .button {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

a.icon_button {
    float: left;
    background-color: #e4e8ec;
    padding: 2px;
    width: 16x;
    height: 16px;
    margin-left: 2px;
    border-top: 1px solid #c1ccd8;
    border-left: 1px solid #c1ccd8;
    border-right: 1px solid #7c92ac;
    border-bottom: 1px solid #7c92ac;
}

a.icon_button:hover {
    background-color: #c1ccd8;
    border-top: 1px solid #7c92ac;
    border-left: 1px solid #7c92ac;
    border-right: 1px solid #2a4a6f;
    border-bottom: 1px solid #2a4a6f;
}


.icon_buttons a.icon_button {
    float: right;
}


#TC {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
width: 550px;
height: 500px;
border: 2px solid ;
background-color: white;
overflow:scroll ;

}


#updateApproval {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 100px;
	left: 100px;
    border: 1px solid #7C92AC;
	background-color: white;
	color:#000000;
	text-decoration:bold;
	font : 12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
}

#viewApproval {
	width: 500px;
	height: 300px;
	position: absolute;
	top: 100px;
	left: 100px;
    border: 1px solid #7C92AC;
	background-color: white;
	color:#000000;
	text-decoration:bold;
	font : 12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
}


#viewTermsConditions {
    text-align: center;
	width: 90%;
    min-width: 650px;
	height: 500px;
	position: absolute;
	top: 100px;
	left: 2%;
    border: 1px solid #7C92AC;
    padding: 2%;
	background-color: white;
	overflow: auto;
}

/* ##### LIGHT BUTTONS ##### */

.button.light,
.login .button {
    background: #FFFFFF url(/jet/images/interface/buttons/light_bkgd_short.gif) repeat-x bottom left;
    height: 26px;
    border-top:    1px solid #E5EAEF;
    border-left:   1px solid #BCC7D4;
    border-right:  1px solid #899BAF;
    border-bottom: 1px solid #8596AB;
    color: #134178;
    padding: 0 20px;
    font-size: 93%;
    font-weight: bold;
}

.button.light.large,
.login .button.large {
    background: #FFFFFF url(/jet/images/interface/buttons/light_bkgd_tall.gif) repeat-x bottom left;
    height: 38px;
    padding: 0 40px;
    font-size: 123.1%;
}

/* ##### LOGIN ##### */

body.login {
    background-color: #CAD3DD;
    margin: 0;
    font-size: 77%;
    font-family: arial, tahoma, verdana sans-serif;
}

.login_panel_container {
    margin: 62px auto;
    width: 736px;
}

.login_panel_inner {
    width: 626px;
    overflow: hidden;
    background: url(/jet/images/interface/login/panel_bkgd.gif) repeat-y;
    padding: 7px 55px 15px;
    position: relative;
}

.login_column {
    width: 300px;
    float: left;
    margin-left: 26px;
}

.login_column:first-child {
    margin-left: 0;
}

form.login_form {
    border-top: 1px solid #9CADC0;
    padding: 1.5em 0 0;
    margin: 1.75em 0;
    overflow: hidden;
}

form.login_form:first-child {
    border-top: 0;
    padding: 0;
    margin: 0.75em 0;
}

.login_details {
    font-size: 116%;
}

.login_details_name {
    font-weight: bold;
}

.login_details_team {
   font-size: 85%;
   color: #666666;
   font-style: italic;
}

.login label {
    color: #777777;
    font-weight: bold;
    margin: 0.75em 0;
    display: block;
}

.login label .small {
    font-weight: normal;
    font-size: 85%;
}

.login input[type="text"],
.login input[type="password"],
.login select {
    border: 1px solid #9CADC0;
    padding: 4px;
    font-size: 108%;
}

.login input[type="text"],
.login input[type="password"] {
    height: 16px;
}

.login select {
    padding: 0 0 0 4px;
    font-size: 100%;
    border-right: 1px solid #244974;
}

.login_help {
    color: #666666;
    clear: both;
    padding-top: 1.5em;
}

.login_column .login_help {
    padding-top: 0;
}

.login_cfid {
    text-align: center;
    font-weight: bold;
    font-size: 189%;
}

.login_refresh {
    margin: 2em 0;
}

.login_refresh p {
    margin: 0.6em 1em 0 0;
    
}

.login_technical {
    padding: 16px;
    background-color: #F0F2F5;
    color: #777777;
    font-size: 93%;
    min-height: 13em;
}

.login_technical h5 {
    color: #555555;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
}

.login_technical div {
    margin: 0.75em 0;
}

.login_required {
    text-align: right;
    color: #666666;
    font-style: italic;
    font-weight: normal;
    font-size: 100%;
    margin: 1.7em 0;
}

.i_required {
    padding: 0px 7px;
    background: url(/jet/images/interface/icons/i_required.png) no-repeat center top;
}

.login_supervisors {
    font-weight: bold;
    padding: 0 10px;
}

#login_splash {
    position:absolute;
    top: 7px;
    left: 55px;
    right: 55px;
    bottom: 0;
    background-color: #FFFFFF;
}

.form_login_splash {
    padding-top: 30px;
    text-align: center;
}

.form_login_splash input {
    width: 350px;
}

.welcome_phone {
    background: url(/jet/images/interface/icons/i_large_phone.png) no-repeat left center;
    padding: 2px 0 0 46px;
    font-size: 20px;
    color: #42730a;
    font-weight: bold;
}

.welcome_image {
    margin-left: 20px;
    border: 1px solid #9FB3C3;
    float: right;
}

/* ### JET Table ### */

table.jet
{
    padding: 0.4em 0.8em;
    vertical-align: top;
    border-right: 1px solid #9CADC0;
    border-bottom: 1px solid #7C92AC;
    border-left: 1px solid #9CADC0;
    border-collapse: collapse;
}
tr.jet th
{
  padding: 0.2em;
  vertical-align: top;
  background: #F6F8F9 url('/jet/images/interface/th_jet_header_bkgd.gif') repeat-x left bottom;
  color: #000000;
  font-weight: bold;
  font-size: 90%;
  text-align: left;
  border-top: 1px solid #C1CCD8;
  border-left: 1px solid #9CADC0;
}


tr.jet td {
  padding: 0.2em;
  vertical-align: top;
  border-width: 0;
  font-size: 90%;
  border-top: 1px solid #C1CCD8;
  border-right: 1px solid #C1CCD8;
  border-collapse: collapse;
}

tr.jet td h4 {
    margin: 0;
}

.table_footer
{
    background: url('/jet/images/interface/table_shadow.gif') repeat-x left top;
    height: 12px;
}

table.jet.welcome {
    margin-top: 0;
}

table.jet.welcome td {
  padding: 1em;
}

.trading_screen .trading_th {
    font-size: 93%;
    padding: 0 0 2px 0;
    color: #567699;
}

.trading_screen form {
    margin: 0 !important;
}

.trading_screen table {
    margin: 3px 0 0 !important;
}

.trading_screen select {
    padding: 0 !important;
    width: auto;
}