body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px; margin:0px;}
#screenshots img{border:0; margin-left:2px;}
#ssDiv img{border:0; margin-left:4px;}

/* DESIGN STYLES */
#site{width:800px;}
#hdr{border-bottom:1px solid #000; height:75px; font-size:11px;}
#hdr .logo{float:left;}
#hdr .title{font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:80px; padding-top:6px; width:400px;}
#hdr .nav{float:left; margin-top:13px; padding-left:4px;}
#hdr .navItem{margin-left:2px; margin-right:2px; padding:4px; float:left; vertical-align:bottom; magin-top:50px; background-color:#CCCCCC; height:14px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;}
#hdr .navItem:hover{background-color:#FFFFFF; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000;}
#hdr .navItem a{color:#000000; text-decoration:none; font-weight:bold;}

#subnav	{}
#subnav .nav{float:left; margin-top:0px; margin-left:0px; margin-bottom:5px; }
#subnav .navItem{margin-left:2px; margin-right:2px; padding:4px; float:left; vertical-align:bottom; magin-top:50px; background-color:#A0C1E4; font-weight:bold; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
#subnav .navItem:hover{background-color:#5C7A99;}
#subnav .navItem a{color:#FFFFFF; text-decoration:none;}

#content{padding:10px;}
#footer{border-top:1px solid #000; text-align:left; padding:10px; color:#999999;}
#footer a{color:#999999;}

#google_translate_element {font-size:10px; height:43px; float:right; text-align:right; margin-top:-35px;}
#google_translate_element select{font-size:10px;}

#mpSide{}
#mpSide h3{font-size:16px; margin:0px; padding:2px}

/* DESIGN STYLES */
h1{font-size:22px; color:#055CB2; font-weight:bold;}
ol{line-height:150%;}
ul{line-height:150%;}
p{line-height:150%;}


/* MAIN PAGE STYLES */
#cardBox a{font-weight:bold; text-decoration:underline; color:#990000; font-size:14px;}


/* ACCORDION STYLES */
.toggler{background-color:#A2C3E5; color:#FFFFFF;font-size:14px; text-align:left; margin: 0 0 3px 0; padding: 6px 6px; cursor:pointer;}
.element {padding:10px;}
.element p {margin:0;padding:2px;}


/* FLASHCARDS MIMIC STYLES */
.setContainer{border-bottom:2px solid #BBC0D7; padding:2px; cursor:pointer; padding-left:5px;}
.setContainer:hover{background-color:#E2E2E2;}
.setName{font-size:larger;}
.setCount{color:#999999; font-size:10px; width:175px;}
.setUser{color:#FF0000; font-size:10px; width:175px; text-align:right;}


.setDetailsContainer{border-bottom:2px solid #BBC0D7; padding:6px;}
.setDetailsLabel{color:#1F75BF; text-transform:uppercase;}
.setDetailsText{float:right; padding-top:0px;}



#ssThumbs img{border:0px; margin-right:5px;}

/* OTHER STYLES */
.required {font-weight: bold; color:#F00; }
.hidden {font-weight: bold; color:#69c;}
.active {color:#090;}
.disabled {color:#C00;}
.caution {color:#FFCC33; font-weight:bold;}



/* The HTML Editor Switch */
#htmleditorsection {float:right; background-image:url(images/balloon_188.png); height:50px; background-repeat:no-repeat; width:188px; text-align:center; padding-top:15px;}
#htmleditorsection img{border:0px; margin-top:5px}


/* Custom Mootools Tips */
.Tips2{cursor:help;}
.custom-tip {Z-INDEX: 13000; WIDTH: 325px; COLOR: #000; padding:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.custom-title {BACKGROUND: url(images/interface/mootool_tip_whole.png) left top; padding-top:15px; padding-left:20px; padding-right:20px; color:#054393; font-weight:bold; font-size:13px;}
.custom-text {BACKGROUND: url(images/interface/mootool_tip_whole.png) right bottom; padding-bottom:35px; padding-left:20px; padding-right:20px; font-size:13px;}
/* END: Custom Mootools Tips */


/* Custom Slider (old coupon) */
#coupon			{top:0; left:160px; position:absolute; cursor:pointer; width:585px; background:url(images/slider-coupon.png) 0 bottom no-repeat; }
.closed			{height:29px;}
.open			{height:176px;}



.errorNotice{width:97%;background-color:#FFFF99;border-top:2px solid #FF0000;border-bottom:2px solid #FF0000;color:#FF0000;font-size:14px;font-weight:bold;padding:6px 6px 6px 20px;margin-left:0px;margin-bottom:5px;}
.cautionNotice{width:97%;background-color:#FCE2A7;border-top:2px solid #FF6600;border-bottom:2px solid #FF6600;color:#FF6600;font-size:12px;font-weight:bold;padding:6px 6px 6px 20px;margin-left:0px;margin-bottom:5px;}
.goodNotice{width:97%;background-color:#A5D9A4;border-top:2px solid #009900;border-bottom:2px solid #009900;color:#000000;font-size:10px;font-weight:bold;padding:6px 6px 6px 20px;margin-left:0px;margin-bottom:5px;}
.infoNotice{width:97%; margin-left:0px; margin-bottom:5px; padding:8px; font-size:12px; border-top:2px solid #629DE3; border-bottom:2px solid #629DE3; background-color:#D8E5F8; color:#3C55BB; font-weight:bold;}





/* Button Styles */
#btnBlue{background-image:url(images/buttons/btn-blue.png);width:150px; height:25px;font-size:10px; color:#006600;padding:0px; margin:0px;}
#btnBlue .txt{padding-top:5px; padding-left:5px; padding-right:5px; text-align:left;}
#btnBlue a{color:#003399; text-decoration:none; font-weight:bold;}
#btnBlue img{margin-right:5px; margin-top:-15px; float:right;}

#btnRed{background-image:url(images/buttons/btn-red.png);width:150px; height:25px;font-size:10px; color:#990000;padding:0px; margin:0px;}
#btnRed .txt{padding-top:5px; padding-left:5px; padding-right:5px; text-align:left;}
#btnRed a{color:#990000; text-decoration:none; font-weight:bold;}
#btnRed img{margin-right:5px; margin-top:-15px; float:right;}

#btnGreen{background-image:url(images/buttons/btn-green.png);width:150px; height:25px;font-size:10px; color:#006600;padding:0px; margin:0px;}
#btnGreen .txt{padding-top:5px; padding-left:5px; padding-right:5px; text-align:left;}
#btnGreen a{color:#006600; text-decoration:none; font-weight:bold;}
#btnGreen img{margin-right:5px; margin-top:-15px; float:right;}
/* END: Button Styles */



/* Custom error box */
#modalContainer {background-color:transparent; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:10000; background-image:url(images/alert_bg.png); /* required by MSIE to prevent actions on lower z-index elements */}
#alertBox {position:relative;width:335px; min-height:100px; margin-top:50px; border:2px solid #000; background-color:#F2F5F6; background-image:url(images/alert.png); background-repeat:no-repeat; background-position:20px 30px;}
#modalContainer > #alertBox {position:fixed;}
#alertBox h1 {margin:0; font:bold 0.9em verdana,arial; background-color:#78919B; color:#FFF; border-bottom:1px solid #000; padding:2px 0 2px 5px;}
#alertBox p {font:0.9em verdana,arial; height:60px; margin-top:10px; margin-left:65px; margin-right:10px; padding-left:5px; padding-right:10px;}
#alertBox #closeBtn {display:block; position:relative; margin:5px auto; padding:3px; border:2px solid #000; width:70px; font:0.7em verdana,arial; text-transform:uppercase; text-align:center; color:#FFF; background-color:#78919B; text-decoration:none;}
/* END Custom error box */





/* tab navigation */
.tabNav {
	margin:0em;
	padding:0em;
	font:normal normal normal 11px/1em Arial, sans-serif;
	height:21px;
	position:relative;
	top:1px;
	clear:both;
	}
.tabNav li {
	margin:0em;
	padding:0em;
	display:inline;
	list-style:none;
	list-style-type:none;
	}
.tabNav li a:link, .tabNav li a:visited {
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin:0em .2em 0em .2em;
	padding: 4px .3em 0em .3em;
	height:15px;
	text-decoration:none;
	color:#333;
	background:#fff url(images/tabNav/tabLink.gif) repeat-x top;
	border-left:1px solid #91A7B4;
	border-right:1px solid #91A7B4;
	}
.tabNav li a:hover {color:#03c; background:#fff url(images/tabNav/tabHover.gif) repeat-x top; }
.tabNav li #tabActive {
	position:relative;
	top:0px;
	background:#fff url(images/tabNav/tabActive.gif) repeat-x top;
	height:17px;
	color:#036;
	z-order:1;
	}
.tabNav li #tabActive:hover {color:blue;}

/* misc */
.inlineMenu, .inlineImageMenu {margin:.3em 0; padding:0;}
.inlineMenu li, .inlineImageMenu li {display:inline; margin-right:1em;}
.inlineMenu {height:1em;}
.inlineImageMenu {height:2em;}
#mre {
	position:relative;
	top:1.5em;
	left:0;
	margin:0em;
	padding:0em;
	font-size:80%;
	float:right;
	}
.borderBottom {border-bottom:1px solid #91A7B4;}
.pager { /*for the paging function */
	float:right; text-align:right; margin: 0 0 .5em 0; }
.base {display:block; border:1px solid #91A7B4; margin:0em; padding:0em; background:#fff url(images/icons/tabboxbg.gif) repeat-x top;}
.generalMargin {margin:0.5em;}
.cmsSection {background:#fff; border:1px solid #ccc; margin:.5em 0em;}




/* admin table */
.admTable2 {/*	width:100%; */}
.admTable2 td {padding:.3em;}
.admTable {
	width:100%;
	border:1px solid #ccc;
	border-bottom:none;
	background:#fff;
	}
.admTable tr th {
	background:#e5e5e5;
	/*
	background:#93BD48;
	font-weight:bold;
	*/
	padding:.3em;
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
	font-size:10px;
	}
.admTable tr td {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	padding:.1em;
	font-size:10px;
	}
.admTable tr.rowAlt {background:#f2f2f2;}
.admTable select {font-size:90%;}
.rowAlt {background:#f2f2f2;}
.admTable tr:HOVER{
	background:#f2f2f2;
}



/* cms buttons */
.cmsEdit, .cmsPreview, .cmsHistory, .cmsAdd, .cmsDelete, .cmsViewAll, .cmsApplyTo, .cmsSearch, .cmsPrint { /* common properties of cms buttoms */
	display:block;
	float:left;
	margin-right:1em;
	padding-left:25px;
	height:2em;
	}
.cmsEdit {background:url(images/cms/cms_quill_icon.gif) no-repeat;}
.cmsPreview {background:url(images/cms/cms_preview_icon.gif) no-repeat;}
.cmsSearch {background:url(images/cms/cms_preview_icon.gif) no-repeat;}
.cmsHistory {background:url(images/cms/cms_doc2_icon.gif) no-repeat;}
.cmsAdd {background:url(images/cms/cms_add_icon.gif) no-repeat;}
.cmsDelete {background:url(images/cms/cms_delete_icon.gif) no-repeat;}
.cmsViewAll {background:url(images/cms/cms_ViewAll_icon.gif) no-repeat;}
.cmsApplyTo {background:url(images/cms/cms_applyTo_icon.gif) no-repeat;}
.cmsPrint {background:url(images/cms/cms_print_icon.gif) no-repeat;}







/* Fieldset & Legend */
fieldset{
	padding:15px;
}
legend{
	font:normal normal normal 175%/1em Arial, sans-serif;
	color:#036;
	margin-bottom:10px;
	padding-bottom:5px;
}




/* form buttons class */
.btn{
color:#055CB2;
font: 100% 'trebuchet ms',helvetica,sans-serif;
background-color:#fed;
border:1px solid;
border-color:#CCCCCC;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
font-weight:bold;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.btn:hover{
border:1px solid;
border-color:#666666;
}


.btnLarge{
font-size:larger;
font-weight:bold;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.btnLarge:hover{
/*
border:1px solid;
border-color:#666666;
*/
}



/* forms */
form{margin:0}/* ADDED BY WES: 12/23/03 */
.formText{
font-size:11px;
}
.mainForm {margin:.5em;}/* wrapper for tableless forms */
.mainForm br {clear:left;}
.mainForm .b {font-weight:bold;}
.mainForm p {
	position:relative;
	left:11.3em;
	clear:both;
	}
.mainForm .right {
	float:left;
	margin:0 0 1em 0;
	border:0px solid red;
}
.mainForm p.fieldInfo {
	position:relative;
	left:12.5em;
	margin:0 0 .5em 0;
	font-size:10px;
	color:#666;
	}
.mainForm label {
	display:block;
	width:10em;
	float:left;
	margin-bottom:.5em;
	}
.mainForm label {
	text-align:right;
	font-weight:bolder;
	/*font-size:smaller;*/
	color:#333333;
	}
.mainForm input, .mainForm select, .mainForm textarea {
	margin-left:1em;
	margin-bottom:.5em;
	font-size:11px;
	}
.mainForm select, .mainForm textarea {margin-bottom:.5em;}
.mainForm ul.checkBoxList {
	float:left;
	display:block;
	margin:0 0 1em 0;padding:0 0 0 1em;
	}
.mainForm ul.checkBoxList li {
	list-style:none;
	}
.mainForm ul.checkBoxList li input {
	width:auto;
	clear:both;
	margin:0;
	padding:0;
	}
.mainForm ul.checkBoxesRow {
	display:block;
	margin:0;padding:0 0 0 1.2em;
	}
.mainForm ul.checkBoxesRow li {
	list-style:none;
	display:inline;
	}
.mainForm ul.checkBoxesRow li input {
	display:block;
	width:100px;
	border:1px solid red;
	float:left;
	margin:0;
	}
.mainForm .extras{
	margin-top:5px;
	position:absolute;
}
.mainForm .extras2{
	margin-top:0px;
	position:relative;	
}
.submit {
	position:relative;
	left:8.3em;
	clear:both;
	}