/* CSS layout */

/* Core< */
body {
	position:relative;
	margin: 8px 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;
}

.liPadding li
{
    margin-bottom:10px;
    list-style-position:outside;    
}

.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;
	}
	
	hr 
	{
	    color:#d4dde6;
	    border:1px solid #d4dde6;
	}
	
	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;
	}
	
	.inputRequired 
	{
		padding:1px;
	    outline:#f6501d solid 1px;
		border-top: 1px #f6501d solid;
		border-left: 1px #f6501d solid;
	}
	.inputRequired:focus {
		padding:1px;
	    outline:#777 solid 1px;
		border-top: 1px #ffd65d solid;
		border-left: 1px #ffd65d solid;
	}	
	.inputRequired:hover {
		padding:1px;
	    outline:#f6501d solid 1px;
		border-top: 1px #ffd65d solid;
		border-left: 1px #ffd65d solid;
	}
	.inputRequiredImg
	{
	    margin-left:30px;
	    display:none;
	}
			
	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<*/
.black { color:#111; }
.gray { color:#666; }

/* Corner radius */
.corner-top { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;  border-radius: 8px  8px  0px  0px; behavior: url(/Content/PIE.htc); }
.corner-top12 { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px;  border-radius: 12px  12px  0px  0px; behavior: url(/Content/PIE.htc); }
.corner-bottom { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;  border-radius: 0px  0px  8px  8px; behavior: url(/Content/PIE.htc); }
.corner-right {  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;  border-radius: 8px  0px  8px  0px; behavior: url(/Content/PIE.htc); }
.corner-left { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;  border-radius: 0px  8px  0px  8px; behavior: url(/Content/PIE.htc); }
.corner-all { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(/Content/PIE.htc); }

#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 */
#HomeHeaderTop
{
	width:919px;
	height:22px;
	margin:0px auto -16px auto;
    background: transparent url('/Content/images/ccl.jpg') no-repeat;
}

#HomeHeader 
{
	width: 919px;
	height:658px;
	border-bottom:1px solid #c5ddf4;
	text-align: center;	
	margin:0px auto;
    background: transparent url('/Content/images/ccl.jpg') no-repeat;
}

#LoginDiv
{
    color:Black;
    float:right;
    padding-top:6px;
    margin-right:44px;
}
#LoginDiv a
{ color:Black; text-decoration:none; cursor:pointer; }
#LoginDiv a:hover
{text-decoration:underline;}

#LoginBox
{   
    display:none;
    background-color:#ffc934;
    color:Black;
    position:absolute;
    top:10px;
    margin-left:688px;
    width:194px;
    z-index:999;
    border-left:1px solid #d49c00;
    border-right:1px solid #d49c00;
    border-bottom:1px solid #d49c00;
    -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;  border-radius: 0px  0px  8px  8px; behavior: url(/Content/PIE.htc);
}
#LoginBox a { color:#777; }
#LoginBox a:hover { color:#111; }

.loginTxt input
{
    padding:3px;
    font-size:14px;
}
    

.SignUpBtnPos
{   
    padding-top:184px;
}
.SignUpBtn
{
    width:241px;
    height:56px;
    background:transparent url('/Content/images/SignUpBtn.jpg') no-repeat;
    cursor:pointer;
    margin-left:502px;
}
.SignUpBtn:hover
{
    background-image: url('/Content/images/SignUpBtnHov.jpg');
}

#QuickMenu
{
    position:absolute;
    top:344px;
    margin-left:86px;/*
    padding:0px 8px 4px 0px;
    border:1px solid #6d9236;
    background: #abdc28;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abdc28), to(#8ac951));
    background: -moz-linear-gradient(#abdc28, #8ac951);
    background: linear-gradient(#abdc28, #8ac951);
    -pie-background: linear-gradient(#abdc28, #8ac951);
    -webkit-box-shadow: #888 0px 1px 2px;-moz-box-shadow: #888 0px 1px 2px; box-shadow: #888 0px 1px 2px;
    behavior: url(/Content/PIE.htc);*/
}
#QuickMenu a { text-decoration:none; }
#QuickMenu div 
{ 
    position:relative;
    width:150px;
    height:32px;
    color:#000; 
    font-size:18px; 
    padding:2px 6px 0px 6px;
    margin:12px 6px 6px 12px;
    text-align:left;
    float:left;
    background: #fbfbfb;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#c6e27e));
    background: -moz-linear-gradient(#fbfbfb, #c6e27e);
    background: linear-gradient(#fbfbfb, #c6e27e);
    -pie-background: linear-gradient(#fbfbfb, #c6e27e);
    -webkit-box-shadow: #666 1px 2px 3px;-moz-box-shadow: #666 1px 2px 3px; box-shadow: #666 1px 2px 3px;
    border:1px solid #bbb;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
    behavior: url(/Content/PIE.htc);
}
#QuickMenu div:hover
{ 
    color:#589000; 
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ddeabc));
    background: -moz-linear-gradient(#fff, #ddeabc);
    background: linear-gradient(#fff, #ddeabc);
    -pie-background: linear-gradient(#fff, #ddeabc);
    -webkit-box-shadow: #666 0px 1px 2px;-moz-box-shadow: #666 0px 1px 2px; box-shadow: #666 0px 1px 2px;
    border:1px solid #ddeabc;
    behavior: url(/Content/PIE.htc);
}
#QuickMenu img
{ 
    margin-bottom:-10px;
}

#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;
}

#SignUpBox
{
    width:310px;
    margin:20px 30px;
    padding:30px;
    border:2px solid #9ecc46;
    background: #a0d737;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d0f688), to(#a0d737));
    background: -moz-linear-gradient(#d0f688, #a0d737);
    background: linear-gradient(#d0f688, #a0d737);
    -pie-background: linear-gradient(#d0f688, #a0d737);
    -webkit-box-shadow: #333 6px 10px 20px; -moz-box-shadow: #333 6px 10px 20px; box-shadow: #333 6px 10px 20px;
    behavior: url(/Content/PIE.htc);
}
#SignUpBox h1
{
    margin-top:-30px;
    margin-left:-6px;
    font-size:18px;
}
#SignUpBox input
{
    width:232px;
    padding:4px;
    font-size:16px;
    margin-left:30px
}
#SignUpBox label
{
    font-size:16px;
    color:#3c560a;
    margin-left:30px
}

#PasswordErrorMsg
{
    font-size:12px;
    color:Red;
}
.redBtn
{ 
    position:relative;
    width:250px;
    color:#000; 
    text-align:center;
    font-size:18px; 
    padding:10px;
    margin:12px 6px -6px 12px;
    float:left;
    cursor:pointer;
    background: #fa3637;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fa3637), to(#c83233));
    background: -moz-linear-gradient(#fa3637, #c83233);
    background: linear-gradient(#fa3637, #c83233);
    -pie-background: linear-gradient(#fa3637, #c83233);
    -webkit-box-shadow: #666 1px 3px 3px;-moz-box-shadow: #666 1px 3px 3px; box-shadow: #666 1px 3px 3px;
    border:1px solid #db292b;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
    behavior: url(/Content/PIE.htc);
}
.redBtn:hover
{ 
    margin:14px 6px -8px 12px;
    padding:11px 10px 10px 10px;
    color:#fff1b9;
    background: #f23031;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f23031), to(#c21213));
    background: -moz-linear-gradient(#f23031, #c21213);
    background: linear-gradient(#f23031, #c21213);
    -pie-background: linear-gradient(#f23031, #c21213);
    -webkit-box-shadow: #666 1px 1px 2px;-moz-box-shadow: #666 1px 1px 2px; box-shadow: #666 1px 1px 2px;
    behavior: url(/Content/PIE.htc);
}
/* > CCl pages */

#BannerMenu
{
    position:absolute;
    background:transparent url("/Content/images/blueTrans.png") repeat;
    margin-top:34px;
    margin-left:50px;
    border:1px solid #c6e4f9;
    min-width:780px;
}
#BannerMenu img
{
    margin-bottom:-4px;
    padding-right:5px;
}
#BannerMenu a
{
    padding:8px 38px;
    font-size:20px;
    float:left;
    clear:none;
    text-decoration:none;
    border-left:1px solid #c6e4f9;
    border-right:1px solid #d9edfc;
}
#BannerMenu a:hover
{
    text-decoration:none;
    color:#82c9e9;
    opacity:0.8;
    filter: alpha(opacity=80); 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    background-color:#eaf5fb;
}