/* CSS layout */

/* Core< */
body {
	position:relative;
	margin: 3px 0px 0px 0px;
	padding: 0;
	background:#3385d6 url('images/bodyGrad.png') repeat-x;
	font-size: 16px;
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

#Header {
	height:44px;
	width: 919px;
	margin: 6px auto 0px auto;
	background: transparent url('images/header.png') no-repeat;
}
    #Header h1 {
        color:#e1f1fd;
        font-size:18px;
        margin:0px;
        padding:12px 0px 0px 21px;
        text-decoration:none;
        border:0px;
        clear:none;
        float:left;
    }
    #Header span {
        float:right;
        clear:none;
        padding-top:15px;
        padding-right:9px;
        font-size:14px;
        color:#c0e2fb;
    }
    #Header a {
        font-size:14px;
        color:#c0e2fb;
        text-decoration:none;
    }
    #Header a:hover {
        color:#e1f1fd;
    }

#Base {
	margin: 0px auto;
	width: 919px;
	background-color:#fff;
}

#Footer {
	margin: 0 auto;
	width: 919px;
	height:25px;
	background-image: url('images/footer.png');
	margin-bottom:20px;
}
#Footer2 {
	margin: 0 auto;
	width: 919px;
	height:25px;
	background-image: url('images/footer2.png');
	margin-bottom:20px;   
}

#FixedMenuContainer {
    height:35px; 
    width:100%; 
    top:0px; 
    position:fixed;
    z-index:9999;
}
#FixedMenuAligner1 {
    margin: 0px auto; 
    min-width:970px;
    max-width:970px;
    z-index:9999;
}
#FixedMenuAligner2 {
    margin: 0px auto; 
    min-width:1015px;
    max-width:1015px;
    z-index:9999;
}
#FixedMenu {
	max-height:35px;
	background-color:#eef8ff;
	padding: 0 auto;
	margin:0px;
	text-align:center;
    z-index:9999;
}

/* >Core*/


/* Base Classes< */
.blue {
	color:#2282e3;
}
.orange {
	color:#e6920e;
}
.green {
	color:#8dc83a;
}
.blue2{
	color:#1f7bd9;
}
.orange2 {
	color:#dd9300;
}
.green2 {
	color:#258f14;
}

.spacer {
	clear:both;
}

.float {
	float:left;
	clear:none;
}

.title {
    margin: 0px 0px 10px 0px;
    padding:0px;
    border-bottom: 1px solid #bbb;
    color:#e6920e;
}


.clickLink {
	text-decoration:underline;
	cursor:pointer;
}
.clickLink:hover {
	color:#1f7bd9;
	text-decoration:none;
}
.clickLink:visited {
	color:black;
}


.actionLink{
	background: transparent url('images/actionLink.gif') no-repeat left center;
	font-weight:bold;
	font-size:15px;
	padding-left:12px;
}

.sidebarLink1{
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	padding-left:3px;
	border-left:2px #bbb solid;
}
	.sidebarLink1:hover {
		border-left:2px #70b0f0 solid;
		color:#aaa;
	}

.sidebarLink2 {
	font-weight:bold;
	font-size:12px;
	margin-left:14px;
	line-height:20px;
	vertical-align:middle;
	text-decoration:none;
	padding-left:3px;
	border-left:2px #ccc solid;
}
	.sidebarLink2:hover {
		border-left:2px #70b0f0 solid;
		color:#aaa;
	}

#DataTable {
    background: #f9f9fb;
    border-right: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    margin:6px 6px 6px 0px;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}
    #DataTable thead {
        margin:0px;
        background: #ededed;
    }    
    #DataTable th {
        font-size: 14px;
        color:#333;
        font-weight:normal;
        padding:6px;
        margin:0px;
        height:24px;
        background: transparent url('images/DataTableHeaderGrad.gif') repeat-x;
        border-bottom: 1px solid #aaaaaa;
        border-right: 1px solid #cccccc;
    }
    #DataTable tr 
    {
        outline:1px #aaa solid;
    }
    #DataTable td {
        padding:6px;
    }
    
#YellowFill {
	padding:12px;
	background-color:#fdfce5;
	border:1px #ebe776 solid;
	margin:6px 6px 0px 0px;
}
	.expanded {
		background:#fdfce5 url('images/yellowMinimize.gif') no-repeat right top;
	}
	.minimized {
		background:#fdfce5 url('images/yellowExpand.gif') no-repeat right top;
	}
    #YellowReflection{
        background:#fdfce5 url('images/YellowBoxReflection.gif') repeat-x left top;
	    height:14px;
	    margin-top:3px;
	    margin-bottom:6px;
    }
	 	
#GrayFill {
	padding:12px;
	background:#f8f9fa none repeat-x bottom;
	border:1px #ccc solid;
	margin:0px 6px 0px 0px;
	float:left;
	clear:both;
}
    #GrayFill .rt, .lt, .rb, .lb {
        width:14px;
        height:14px;
    }
    #GrayFill .lt {
        background: transparent url("images/ltGray.gif") no-repeat;
        margin-top:-13px;
        margin-left:-13px;
        float:left;
    }
    #GrayFill .rt {
        background: transparent url("images/rtGray.gif") no-repeat;
        margin-top:-13px;
        margin-right:-13px;
        float:right;
    }
    #GrayFill .lb {
        background: transparent url("images/lbGray.gif") no-repeat;
        margin-bottom:-13px;
        margin-left:-13px;
        float:left;
    }
    #GrayFill .rb {
        background: transparent url("images/rbGray.gif") no-repeat;
        margin-bottom:-13px;
        margin-right:-13px;
        float:right;
    }

    .lightGrayFill, .lightGrayFillFull
    {
        background-color: #f9f9fb; 
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        margin:6px 6px 6px 0px;
    }
    .lightGrayFillFull
    {
        padding:6px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

#OrangeFill {
	background:#ffe09f none repeat-x bottom;
	border:1px #ecc479 solid;
	margin:0px 6px 0px 0px;
	float:left;
	clear:both;
}
    #OrangeFill .lth, .rth, .rt, .lt, .rb, .lb {
        width:14px;
        height:14px;
    }
    #OrangeFill .lth {
        background: transparent url("images/lthOrange.gif") no-repeat;
        margin-top:-1px;
        margin-left:-1px;
        float:left;
    }
    #OrangeFill .rth {
        background: transparent url("images/rthOrange.gif") no-repeat;
        margin-top:-1px;
        margin-right:-1px;
        float:right;
    }
    #OrangeFill .lt {
        background: transparent url("images/ltOrange.gif") no-repeat;
        margin-top:-1px;
        margin-left:-1px;
        float:left;
    }
    #OrangeFill .rt {
        background: transparent url("images/rtOrange.gif") no-repeat;
        margin-top:-1px;
        margin-right:-1px;
        float:right;
    }
    #OrangeFill .lb {
        background: transparent url("images/lbOrange.gif") no-repeat;
        margin-bottom:-1px;
        margin-left:-1px;
        float:left;
    }
    #OrangeFill .rb {
        background: transparent url("images/rbOrange.gif") no-repeat;
        margin-bottom:-1px;
        margin-right:-1px;
        float:right;
    }
	#OrangeFill div, table, p, ul {
		margin:12px;
	}
	#OrangeFill h1 {
		background:#fdd380;
		font-size:18px;
		padding:6px;
		border-bottom:1px #ecc479 solid;
	}

#BlueFill {
	background:#c0e2fb none repeat-x bottom;
	border:1px #9ac2e1 solid;
	margin:6px 6px 6px 0px;
	margin:0px 6px 0px 0px;
	float:left;
	clear:both;
}
    #BlueFill .lth, .rth, .rt, .lt, .rb, .lb {
        width:14px;
        height:14px;
    }
    #BlueFill .lth {
        background: transparent url("images/lthBlue.gif") no-repeat;
        margin-top:-1px;
        margin-left:-1px;
        float:left;
    }
    #BlueFill .rth {
        background: transparent url("images/rthBlue.gif") no-repeat;
        margin-top:-1px;
        margin-right:-1px;
        float:right;
    }
    #BlueFill .lt {
        background: transparent url("images/ltBlue.gif") no-repeat;
        margin-top:-1px;
        margin-left:-1px;
        float:left;
    }
    #BlueFill .rt {
        background: transparent url("images/rtBlue.gif") no-repeat;
        margin-top:-1px;
        margin-right:-1px;
        float:right;
    }
    #BlueFill .lb {
        background: transparent url("images/lbBlue.gif") no-repeat;
        margin-bottom:-1px;
        margin-left:-1px;
        float:left;
    }
    #BlueFill .rb {
        background: transparent url("images/rbBlue.gif") no-repeat;
        margin-bottom:-1px;
        margin-right:-1px;
        float:right;
    }
	#BlueFill div, table, p, ul {
		margin:12px;
	}
	#BlueFill h1 {
		background:#a5d1f2;
		font-size:18px;
		padding:6px;
		border-bottom:1px #9ac2e1 solid;
	}
	
#GreenFill {
	background:#d4ecc3 none repeat-x bottom;
	border:1px #b5d2a2 solid;
	margin:6px 6px 6px 0px;
	margin:0px 6px 0px 0px;
	float:left;
	clear:both;
}
    #GreenFill .lth, .rth, .rt, .lt, .rb, .lb {
        width:14px;
        height:14px;
    }
    #GreenFill .lth {
        background: transparent url("images/lthGreen.gif") no-repeat;
        margin-top:-1px;
        margin-left:-1px;
        float:left;
    }
    #GreenFill .rth {
        background: transparent url("images/rthGreen.gif") no-repeat;
        margin-top:-1px;
        margin-right:-1px;
        float:right;
    }
    #GreenFill .lt {
        background: transparent url("images/ltGreen.gif") no-repeat;
        margin-top:-1px;
        margin-left:-1px;
        float:left;
    }
    #GreenFill .rt {
        background: transparent url("images/rtGreen.gif") no-repeat;
        margin-top:-1px;
        margin-right:-1px;
        float:right;
    }
    #GreenFill .lb {
        background: transparent url("images/lbGreen.gif") no-repeat;
        margin-bottom:-1px;
        margin-left:-1px;
        float:left;
    }
    #GreenFill .rb {
        background: transparent url("images/rbGreen.gif") no-repeat;
        margin-bottom:-1px;
        margin-right:-1px;
        float:right;
    }
	#GreenFill div, table, p, ul {
		margin:12px;
	}
	#GreenFill h1 {
		background:#c1e1ac;
		font-size:18px;
		padding:6px;
		border-bottom:1px #b5d2a2 solid;
	}

.deleteText {
	color:red;
	font-size:16px;
}

.QuickCart {
	position:fixed;
	bottom:0px;
	right:0px;
	font-size:14px;
	font-weight:bold;
	color:#2282e3;
	padding-bottom:4px;
}
.QuickCart:hover {
	cursor:pointer;
	color:#489bf0;
}

.backLink {
	font-size:12px;
	vertical-align:text-bottom;
	color:#333;
	cursor:pointer;
	margin-left:9px;
	text-decoration:underline;
}
.backLink:hover {
	color:#777;
	text-decoration:underline;
}

.greenBtn {
	background:transparent url("images/button.png") no-repeat center center;
	margin:0px 6px 0px 0px;
	padding:0px;
	width:92px;
	height:23px;
	outline: 0px;
	cursor:pointer;
	border:0px;
}
.greenBtn:hover {
	background:transparent url("images/buttonHover.png") no-repeat center center;
}

.greenBtnLong {
	background:transparent url("images/buttonLong.png") no-repeat center center;
	margin:0px 6px 0px 0px;
	padding:0px;
	width:140px;
	height:23px;
	outline: 0px;
	cursor:pointer;
	border:0px;
}
.greenBtnLong:hover {
	background:transparent url("images/buttonLongHover.png") no-repeat center center;
}

.links a {
	color:#509de7;
	text-decoration:underline;
}
.links a:hover {
	color:#70b0f0;
	text-decoration:none;
}
	
	
/* >Base Classes */


/* Defaults< */

	h1 {
		font-size:20px;
		padding:9px 0px 9px 0px;
		margin:0px;
		font-weight:bold;
	}
	h2 {
		font-size:18px;
		padding:6px 0px 6px 0px;
		margin:0px;
		font-weight:bold;
	}
	h3 {
		font-size:16px;
		padding:3px 0px 3px 0px;
		margin:0px;
		font-weight:bold;
	}
	
	a {
		color:#509de7;
	}
	a:hover {
		color:#70b0f0;
		text-decoration:none;
	}
	a:visited {
		color:#509de7;
	}

	textarea {
		padding:1px;
		border-top: 1px #ccc solid;
		border-left: 1px #ccc solid;
		outline:#777 solid 1px;

	}
	textarea:focus {
		border-top: 1px #ffd65d solid;
		border-left: 1px #ffd65d solid;


	}	
	textarea:hover {
		border-top: 1px #ffd65d solid;
		border-left: 1px #ffd65d solid;
	}
	
	input[type='text']{
		padding:1px;
		border-top: 1px #ccc solid;
		border-left: 1px #ccc solid;
	    outline:#777 solid 1px;

	}
	input[type='text']:focus {
		border-top: 1px #ffd65d solid;
		border-left: 1px #ffd65d solid;
	}	
	input[type='text']:hover {
		border-top: 1px #ffd65d solid;
		border-left: 1px #ffd65d solid;
	}
			
	label {
		font-weight:bold;
	}
	ul 
	{
	    padding:0px;
	}
	li 
	{
	    list-style-position:inside;
	}
	img {
	    border:0px;
	}
	hr 
	{
	    border-bottom: .5px solid black;
	}
			
/* >Defaults*/

/* Content1< */
	
	#Content {
		padding:10px 20px 10px 20px;
		min-height:260px;
	}

	#SideBarHeader {
		background:black url('images/sidebarHeader.gif') no-repeat;
		height:20px;
		width:210px;
	}	
	#SideBar {
		min-height:300px;
		width:210px;
		float:left;
		clear:none;		
		margin-top:12px;
		margin-left:12px;
	}
	#SideBarFooter {
		background:black url('images/sidebarFooter.gif') no-repeat;
		height:20px;
		width:210px;
	}
	#SidebarContent {
		background:#f5f6f7 none repeat-x left top;
		border-right:1px #eae9e9 solid;
		border-left:1px #eae9e9 solid;
		padding:18px;
	}

	#ContentRight {
		width: 628px;
		min-height:300px;
		padding:10px 20px 10px 20px;
		float:left;
		clear:none;
	}

/* >!Content1 */


/* Misc<*/
#confirmModalOverlay {background-color:#999; cursor:wait; }

/* Modal Dialog popup */
    #confirmModalContainer { min-height:40px; height:auto; max-height:600px; width:420px; text-align:left; background:#fff; border:1px solid #ccc; padding:9px; margin-left:20%; margin-top:10%;}
    #confirmModalContainer .header { width:100%; color:#333; font-size:1.1em; font-weight:bold; line-height:30px; margin-bottom:12px;}
    #confirmModalContainer .header span {padding-left:8px;}
    #confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
    #confirmModalContainer .buttons {min-width:60px; position:absolute; right:6px; bottom:6px; cursor:pointer; } 
    #confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; background:#f4f4f4 url('images/DataTableHeaderGrad.gif') repeat-x; height:20px; color:#333; padding:1px; text-align:center; border:1px solid #a2a2a2; cursor:pointer;} 
    #confirmModalContainer a.modalCloseX,
    #confirmModalContainer a.modalCloseX:link,
    #confirmModalContainer a.modalCloseX:active,
    #confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:412px; color:#aaa;}
    #confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}

#gbox_list {
    margin-left:-12px;
    font-size:12px;
}

/* Homepage */
#HomeHeader {
	height:207px;
	width: 919px;
    background: transparent url('images/HomeBanner.jpg') no-repeat;
    margin:0px auto;
    z-index:999;
    display:none;
}
#HomeHeader2 {
	height:207px;
	width: 919px;
	margin:0px auto;
    background: transparent url('images/HomeBanner.jpg') no-repeat;
    z-index:888;
}

#HomePanelsTop {
    background: white url("images/HomePanelTop.jpg") no-repeat;
    height: 10px;
}
#HomePanelsMiddle {
    background: white url("images/HomePanelMiddle.jpg") repeat-y;
    line-height:20px;
}
    #HomePanelsMiddle, #HomePanel1, #HomePanel2, #HomePanel3, #HomePanel4 {
        height: 270px; 
    }
    #HomePanel1, #HomePanel2, #HomePanel3, #HomePanel4 {
        float:left;
        clear:none;
        width:188px;
        padding:1px 6px 1px 6px;
        font-size:14px;
    }
    #HomePanel1 {
        margin-left:14px;
    }
    #HomePanel2 {
        margin-left:22px;
        
    }
    #HomePanel3 {
        margin-left:28px;
        
    }
    #HomePanel4 {
        margin-left:30px;
        
    }
    #HomePanelsMiddle b {
        font-size:18px;
        margin-left:4px;
    }
#HomePanelsBottom {
    background: white url("images/HomePanelBottom.jpg") no-repeat;
    height: 60px; 
    text-align:right;
    padding-top:6px;
    width:100%;
}
    #HomePanelsBottom a {
        font-size:16px;
        font-weight:bolder;
        margin-left:4px;
        text-decoration:none;
        cursor:pointer;
    }
    #HomePanelsBottom a:hover {
        border-bottom:1px solid #555;
        color:#555;
    }
    #HomePanelsBottom img {
        border:0px;
        margin:0px;
        padding:0px;
    }
    	 	
#HomeHorizontalPanel {
	padding:6px 12px 6px 16px;
	clear:both;
}    
    
/* Dashboard */
#AccountTabs {
    margin:0px;
    padding:0px;
    color:#555;
}
    #AccountTabs td {
    	background:transparent url('images/YellowTab.gif') no-repeat left top;
        padding: 5px 12px 2px 12px;
    	width:75px;
    }
    #AccountTabs td:hover {
    	background:transparent url('images/YellowTabHover.gif') no-repeat left top;
    	cursor:pointer;
    }
    #AccountTabs td.Selected {
    	background:transparent url('images/YellowTabSelected.gif') no-repeat left top;
    	color:#333;
    	cursor:default;
    }

#DashboardPanel a {
	background:transparent url('images/actionLink2.gif') no-repeat left center;
    font-size:15px;
	padding:6px 6px 6px 12px; 
	color:#000;
}
#DashboardPanel img {
    vertical-align:bottom;
    display:none;
}

.screen {
    background-color:#eee;
    border: 1px solid #ddd;
    opacity:0.65;
    filter: alpha(opacity=65); 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)';
}
    
div.tooltip {     
	background:#faf9e4 url('images/tooltipGrad.gif') repeat-y left top;
	border:1px #ebe776 solid;    
	padding:10px 15px;     
	max-width:200px;     
	display: none;     
	color:#444;
	text-align:left;     
	font-size:12px;      
}

#Alertbar {
	width:856px;
	height:auto;
	position:fixed;
	border:1px #bbb solid;
	background-color:#fdfce5;
	padding:2px 2px 6px 60px;
	z-index:9998;
	text-align:left;

}
	#Alertbar a {
		cursor:pointer;
		border:0px;
	}

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    height: 200px; 
    width: 260px;
    background-color:#fff;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
}	

/* CCl from previous design< */
.validation-summary-errors
{
    background-color:#FCE2E2;
    border: solid 2px #FFAFAF;
    max-width:620px;
    padding:8px;
    color:red;
    font-size:14px;
}

.pagging{
    padding:4px;
    border:1px solid #b8d0ea;
    color: #50a3e6;
    font-size:16px;
    width:44px;
    cursor:pointer;
    background-color:#ecf2f8;
}
.detailBullets
{
    list-style-position:inside;
    list-style-type:disc;
    padding-left: 24px;

}
.detailBullets li
{
    padding-top:8px;
}
.charLimit
{
    color:gray; 
    margin-left:4px; 
    vertical-align:middle; 
    font-size:10px;
}

#SearchBox{}
#SearchBox input{ font-size:12px;}

/* Numeric Stepper Control */
.NumStep {}
.NumStep input
{
    width:45px;
    text-align:right;
    clear:none;
    float:left;
}
.NumStep label
{
    margin-left:4px;
    padding-top:2px;
    font-weight:300;
}
.NumStep img
{
    background-repeat:no-repeat;
    width:19px;
    height:11px;
    border:none;
}
.NumStep img.up
{
    float:left;
    background-image:url("/content/images/NumUp.gif");
}
.NumStep img.down
{
    float:left;
    background-image:url("/content/images/NumDown.gif");
    margin-left:-19px;
    margin-top:11px;
}


/* FAQ */
#FAQ
{
    max-width:860px;  
}
#FAQ div
{
    background-color:#fffdf0;
    border-bottom:1px solid #efe9ad;
}
#FAQ ul
{
    list-style-image:none;
    list-style-type:none;
}
#FAQ li
{
    margin:14px 0;
}
#FAQ li div
{
    color:#0161b8;
    font-size:18px;
}
#FAQ li div:hover
{
    cursor:pointer;
    text-decoration:underline;
}
#FAQ li span
{
    margin-left:14px;
    width:820px;
    display:none;
    float:left;
    clear:both;
    font-size:14px;
    background-color:#fefacf;
    padding:6px;
    border:solid 1px #efe9ad;
}
#FAQ i.keyword
{
    color:#f65700;
    font-weight:bolder;
    font-style:normal;
}
#FAQ b
{
    padding:0 0 0 16px;
}
#FAQ p
{
    color:Black;
    margin:4px 0;
}
#FAQ h2
{
    font-size:16px;
    color:Black;
    margin: 4px 0;
}
#FAQ .indent
{
    padding-left:20px;
}
#FAQ img
{
    vertical-align:top;
    border:solid 1px #999;
    padding:1px;
    margin:2px;
    position:relative;
}
#FAQ img.side
{
    position:absolute;
    right:108px;
}
#FAQ img.inline
{
    margin-right:20px;
}

/* > CCl pages */

 	
/* > CCl from previous design */