﻿a:link { color: #597992; text-decoration: none; font-weight:bold; } 
a:visited { color: #597992; text-decoration: none; font-weight:bold;}
a:hover { color: #000; text-decoration: underline; font-weight:bold;}
a[disabled=disabled] { color: #000; text-decoration: underline; font-weight:bold; cursor:help; }
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; margin-bottom: 2px}
body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000; text-decoration: none; margin-bottom:0;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; vertical-align:bottom; font-weight: bold; font-variant: normal; text-transform: none; color: #000; text-decoration: none;}
.pagetitle {  font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #597992; text-decoration: none}
.sidemenu { background-color:#F5F5F5; width: 150px; }
.sidemenusmall { background-color:#F5F5F5; width: 100px; }
.actionmenu{width:90px;}
.textbox {  width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.listbox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; }
.dropdown {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none text-decoration: none; }
.gridtitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #597992; text-decoration: none}
.alert-red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #CC0000}
.requiredfield{color: #ff0000;}
.labelgrey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;  font-variant: normal; color: #666666;}
.rowhover{background-color:#F3F3F3}
.validatorCalloutHighlight { background-color: lemonchiffon; }
.watermarked { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: silver; text-decoration: none;}
/*Modal Popup*/

/*.modalBackground { position: absolute; z-index: 200; top: 0px; left: 0px;	width: 100%; height: 100%; opacity: .4;	filter: alpha(opacity=20); background-color:transparent !important;	background-color: #333333;	}*/
.modalBackground { opacity:.2; filter: alpha(opacity=20); background-color: #000;}

.exceptionPopup { background-color:#d5dce2; border-width:2px;	border-style:solid;	border-color:#5e88a1;	color: #000;	margin:0;	padding:0px;	width:250px;}
.exceptionPopupTitle {	background-color:#5e88a1; border-width:1px; border-style:solid;	border-color:#e5ecf2; color: #fff; font-size: 1.1em; font-weight:bolder; padding:3px; padding-left: 10px; width:250px; height:20px; }
.exceptionPopupControls { text-align:center;}
.progress {	background-color:#d5dce2; border-width:1px; border-style:solid; border-color:#5e88a1; color: #000;	margin:0; padding:0; width:120px; height:30px; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #597992; text-decoration: none;}

#top h1 { display:none;}
#top { background: #fff url(../../Images/toplogo.jpg) no-repeat; height: 75px; } 
#page { clear:both; text-align:left; border:solid 1px #e5ecf2; margin-top:1px; 
	/*hack for min-width*/
	min-width:1024px; width:auto !important; 
}
.error {color: Red;}
.sideLeft { width:200px; height: 100%; background: #e0e0e0; position:absolute; top: 100; left: auto; padding: 10px;	}
.content { margin: 0 120px; height: 100%; width:auto; text-align:left; position:relative; top: 100; left: auto; padding: 10px; }

/*custom menu*/
#mnuMain { height: 20px; background: #e5ecf2; float: right;}
.miMain { margin:0;	height:18px; padding:  5px 5px 0px 5px; float:left;}
a.miMain:link, a.miMain:visited { text-decoration: none; }
a.miMain:hover { color: #e5ecf2; text-decoration: underline; background-color:#597992; }

/*action menu*/
#mnuAction { height: 20px; float: right; width: 150px;}
.miAction { margin:0; padding: 5px 5px 0px 5px; clear:both; width:110px;}
a.miAction:link, a.miAction:visited { text-decoration: none; }
a.miAction:hover { color: #000; text-decoration: underline; background-color: #F3F3F3; }

a:disabled { color: #000; text-decoration: underline; background-color: #F3F3F3; }

.miActionIcon { border-style: none; padding-right:2px;}

/*search bar*/
#search { margin:0;	padding: 2px 0 0 10px; height: 20px; min-width: 300px;}

#topContainer {	height: 25px; margin:0;	padding:0; background-color: #e5ecf2; 
	/*hack for min-width*/
	min-width:1024px; width:auto !important;
}
.content1 {	margin: 20px 0 20px 0; padding: 20px; text-align:left; border: solid 5px #e5ecf2; background-color:White; }
.content1 h1 { border-bottom: solid 1px  #e5ecf2;}
.content1 h2 { border-bottom: solid 1px  #e5ecf2;}
.content2 {	margin: 0; height: 100%; }

.imgProduct{ width: 100px; height: 100px;}
.imgProductDetail {	width: 200px; height: 200px;}

#username {	float:right; padding:55px 5px 0 0;}

div#tipDiv { position:absolute; left:0; top:0; z-index:10000;  background-color:#f9f9f9; border:1px solid #e5ecf2; border:1px solid #ccc; padding:4px; width: 400px; }	
div#tipDiv h1 {	float:left; height:15px; width: 100%; border-bottom: solid 1px #e5ecf2;}
div#tipDiv h2 {	float:left; height:10px;}

/*Main action links*/
.mainAction{ margin:0; height:18px; padding: 5px 5px 0px 5px; background:#f3f3f3 url(../../Images/gradient.png) repeat-x; font-size:12px;}
a.mainAction:link {  color: #597992; text-decoration: none; font-weight:bold; } 
a.mainAction:visited {  color: #597992; text-decoration: none; font-weight:bold;}
a.mainAction:hover {  color: #000; text-decoration: underline; font-weight:bold; background:#f3f3f3 url(../../Images/gradient2.png) repeat-x;}
.mainActionIcon { border-style: none; padding-right:2px; }

.CustomTabStyle .ajax__tab_header 
{
    /* the bar containing the tabs above the content */
}

.CustomTabStyle .ajax__tab_tab {
    cursor: pointer;
}

.CustomTabStyle .ajax__tab_outer 
{
    width:80px;
    color: #597992; 
    height:15px; 
    padding: 5px 5px 0px 5px; 
    background:#f3f3f3 url(../../Images/gradient.png) repeat-x; 
    font-size:12px;
    border: solid 1px #e5ecf2;
    border-bottom:none;
    text-align:center;
}

.CustomTabStyle .ajax__tab_body {
    border: solid 2px #e5ecf2;
    padding: 5px;
}

.CustomTabStyle .ajax__tab_active {
    font-weight: bold;
}

.groupPanel FIELDSET
{
    padding: 0px 10px 10px 10px;
}

.groupPanel LEGEND
{
    /*based on h2*/
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-style: normal; 
    vertical-align:bottom; 
    font-weight: bold; 
    font-variant: normal; 
    text-transform: none; 
    color: #597992; 
    text-decoration: none;
}


.lblSubHeading
{
    height:20px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-style: normal; 
    font-weight: bold; 
    font-variant: normal; 
    color: #000000;
}

.lblData
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-style: normal;  
    font-variant: normal; 
    color: #000000;
}


.lblDataCrossed
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-style: normal; 
    text-decoration:line-through; 
    font-variant: normal; 
    color: #000000;
}

.lblDataHighlight
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-style: normal;  
    font-variant: normal; 
    color: #FF0000;
}

TABLE.cpdCreditsSummary
{
    width:100%;
}

TABLE.cpdCreditsSummary TR TH
{
    text-align:left;
    font-weight:normal;
}

TABLE.cpdCreditsSummary TR TD
{
    text-align:right;
}
