@import url("css/menu.css");

/* global */
html { overflow: scroll; }
body { margin: 10px; background: #f3f9fd; }
.mainbody { margin: 0px; margin-top: 14px; margin-bottom: 25px; padding: 0px; background: #660000; }
OPTION, SELECT, INPUT, TEXT, TEXTAREA, SUBMIT, TD, DIV, LI, BODY, P, bold12, .donationtext { color: #555; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input[type="text"], SELECT, TEXT, TEXTAREA { background: #fff; border: solid 3px #ccc; min-height: 20px; width: 180px; padding-top: 4px; text-transform: none; }
input[type="password"] { background: #fff; border: solid 3px #ccc; min-height: 20px; width: 180px; padding-top: 4px;  }
SELECT { background: #fff; border: solid 3px #ccc; min-height: 20px; width: 190px; padding-top: 4px; }
input.phone { background: #fff; border: solid 3px #ccc; min-height: 20px; width: 40px; padding-top: 4px; }
OPTION { background: #fff; min-height: 20px; min-width: 180px; padding-top: 4px; }
address { font-size: 10px; }
h1, .donationheaders, .rightsidedonationheaders, .rightsidedonationheaders2 { color: #111111; font-size: 20px; font-family: Times New Roman, serif; text-transform: uppercase; }
h2 { color: #003366; font-size: 14px; font-family: Times New Roman, serif; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; }
h3 { color: #111111; font-size: 12px; font-family: Times New Roman, serif; text-transform: uppercase; }
ul { list-style-type: disc; }
li { line-height: 20px; }
highlight { /*color: #3d7b0b;*/ color: #990000; font-weight: bold; }
.note { color: #444444; font-size: 10px; }
ol { margin: 0 0 15px 38px; padding: 0px; padding-top: 15px; }
.texter ol { padding-top: 10px; }
.letter li { margin-bottom: 0px; }
.checks li { list-style-type: none; background: url('images/check.gif') top left no-repeat; padding-left: 30px; margin-left: -20px; }
.smallchecks li { list-style-type: none; background: url('../../smallcheck.gif') top left no-repeat; padding: 0 0 5px 30px; margin-left: -20px; line-height: 14px; }
.redbox { border: solid 1px #d1aaaa; background-color: #f5e5e5; padding: 15px; }
#dnn_ctr468_WOW_ReferAFriend_lblError { color: #ff0000; }

/* template layout */
#wrapper { MARGIN-TOP: auto; MARGIN-LEFT: auto; TEXT-ALIGN: center; }
.centerdiv { margin-left: auto; margin-right: auto; WIDTH: 977px; HEIGHT: 100%; vertical-align: top; }
.centerdiv_admin { margin-left: auto; margin-right: auto; WIDTH: 977px; HEIGHT: auto; vertical-align: top; }
.toplinks { display: none; }
#header { width: 100%; height: 49px; background: transparent url('images/topbg.gif') top center no-repeat; }
#welcomeuser { color: #990000; font-size: 18px; font-family: Times New Roman, Serif; margin-top: 10px; display: none; }
#container { width: 100%; height: 505px; overflow: auto; vertical-align: top; background: transparent url('images/sidebg.gif') top center repeat-y; }
	#headernav { width: 100%; height: 33px; padding: 10px; padding-bottom: 0px; text-align: right; vertical-align: middle; }
	#navcontainer { width: 99%; height: 33px; background: transparent url(images/navgradient.gif) repeat-x center left; padding-left: 5px; padding-right: 5px; }	
	#logo { float: left; width: 300px; height: 60px; background: url(images/logo.gif) no-repeat center center; display: block; margin-left: 23px; margin-top: 10px; }
	#referafriend { float: right; width: 124px; height: 12px; background: url(images/referafriend.gif) no-repeat center center; display: block; margin-right: 20px; margin-top: 30px; }
	#contribute { float: right; width: 181px; height: 46px; background: url(images/greencontribute.gif) no-repeat center center; display: block; margin-right: 5px; margin-top: 13px; }
	#join { float: right; width: 33px; height: 10px; background: url(images/join.gif) no-repeat center center; display: block; margin-right: 10px; margin-top: 10px; }
	#signin { float: right; width: 53px; height: 13px; background: url(images/signin.gif) no-repeat center center; display: block; margin-right: 0px; margin-top: 10px; }
	#logo b, #contribute b, #referafriend b, #proemployer b, #join b, #signin b  { display: none; }
	#content { width: 100%; height: 450px; text-align: left; vertical-align: top; padding: 10px; padding-top: 0px; padding-bottom: 75px; background: transparent url('images/bottombg.gif') bottom center no-repeat; }
#bgfooter { width: 100%; height: 23px; text-align: center; vertical-align: top; }
#footer { width: 100%; height: 30px; }
#footernav { width: 100%; height: 10px; text-align: left; padding-bottom: 10px; color: #fff; }
#footnote { text-align: left; vertical-align: top; padding-left: 4px; }
#footnotecontainer { font: 9px arial; color: #996666; text-align: left; vertical-align: top; text-transform: uppercase; border: solid 1px #996666; background: transparent; width: 370px; padding: 5px; }
#copyright { font: 9px arial; color: #996666; text-align: right; text-transform: uppercase; vertical-align: top; padding-right: 0px; }

/* hyperlinks */
a { font: inherit; color: #fff; text-decoration: none; }
a:active {  }
a:visited { outline: none; }
a:hover { color: #fff; text-decoration: underline; }	

ul#navlist { margin: 0; padding: 0; padding-top: 20px; white-space: nowrap; height: 33px; height: 33px; }
#navlist li { display: inline; list-style-type: none; padding: 3px; }
#navlist a { padding: 10px 15px; font: bold 12px times new roman; text-transform: uppercase; letter-spacing: 1px; }
#navlist a:link, #navlist a:visited { color: #fff; background: url(images/navlink.gif) top center repeat-x; text-decoration: none; border-left: 3px solid transparent; border-right: 3px solid transparent; outline: none; }
#navlist a:hover, #navlist a:active, #navlist a:focus { color: #660000; background: none; border-left: 3px solid #660000; border-right: 3px solid #660000; border-top: 3px solid #660000; }

#content a { font: bold 12px arial; color: #990000; text-decoration: underline; }
#content a:active, span.links a:active {  }
#content a:visited, span.links a:visited { outline: none; }
#content a:hover, span.links a:hover { color: #222; text-decoration: none; }			

#footernav a { color: #fff; }
#footnote a { font: 9px arial; color: #fff; font-weight: bold; text-decoration: none; outline: none; }
#footnote a:hover { color: #996666; background-color: transparent; }

.toplinks, .toplinks a { color: #eee; }
.toplinks a { font: 12px arial; color: #eee; font-weight: bold; text-decoration: none; outline: none; }
.toplinks a:hover { background-color: transparent; text-decoration: underline; }


a img { border: 0px; background: transparent; }


/* tabbed content */
#tabbed_box_1 {
	margin: 0px auto 0px auto;
}
.tabbed_area {
	/*padding:8px;*/
}

ul.tabs {
	margin:0px;
	margin-top:5px;
	margin-bottom:3px;
	padding:0px;
	padding-left: 10px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#c6ccd3;
	color:#fff !important;
	padding:4px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration:none;
	font-size:12px;
	font-family:Georgia, Times New Roman, Serif !important;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid transparent;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;	 
	background-position:bottom;
	text-decoration: none !important;
}
ul.tabs li a:hover, ul.tabs li a.active {
	background-color:#fff;
	color:#003366 !important;
	border:1px solid #bfbfbf; 
	border-bottom: 0px solid #bfbfbf;
	background-image: none;
}
.tabcontent {
	background-color: transparent;
	padding:10px;
	margin-bottom:12px;
	border:1px solid #bfbfbf; 	
	vertical-align: middle;
	/*background-image:url(images/bg.gif);
	background-repeat:repeat-x;	 
	background-position:bottom;	*/
}
#tabcontent_2, #tabcontent_3, #tabcontent_4 { display:none; }
#btabcontent_1, #btabcontent_3, #btabcontent_4 { display:none; }

.tabcontent ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.tabcontent ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
}
/*.tabcontent ul li:hover {
	background-color: #dee7f0;
}*/
.tabcontent ul li:last-child {
	border-bottom:none;
}

.tabcontent ol {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.tabcontent ol li {
	border-bottom:1px solid #d6dde0;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:15px;
}
/*.tabcontent ol li:hover {
	background-color: #dee7f0;
}*/
.tabcontent ol li:last-child {
	border-bottom:none;
}

/* DNN styles */

/* Admin ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px; }
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/* pane style */
.ContentPane, .TopPane, .BottomPane, .LeftPane, .RightPane{ padding:0px; margin:0px; vertical-align: top; padding-left:5px; padding-right:5px; }
.TopPane{ padding-top:15px; }
.RightPane2 { padding:0px; }

.DNN_News_ItemLink { padding-top: 10px; }
.DNN_News_ItemLink a { color: #003366 !important; /*font-size: 14px !important; font-family: Times New Roman, serif !important; text-transform: uppercase;*/ }
.DNN_News_ItemLink a:hover { color: #222 !important; /*font-size: 14px !important; font-family: Times New Roman, serif !important; text-transform: uppercase;*/ }
.DNN_News_ItemDate { background:transparent url(../../rule_horizontal1.gif) no-repeat bottom center; padding-bottom:15px; }

/*iframe { width: 900px !important; height: 500px !important; margin-top: 20px !important; }*/

/* refer a friend module style */
#referafriend_container { width: 400px; padding: 10px; background: #f3f6f8; }
.referafriend_step { color: #003366; font-size: 12px; font-family: georgia, arial; font-weight: bold; }
.referafriend_label { width: 90px; font-weight: bold; }

#dnn_ctr443_Feedback_txtEmail, #dnn_ctr443_Feedback_txtName, #dnn_ctr443_Feedback_txtBody { width: 400px; }

#dnn_ctr_ManageUsers_lblUserHelp, #dnn_ctr_dnnICON_imgIcon, #dnn_ctr_dnnTITLE_lblTitle, #dnn_ctr_ManageUsers_lblTitle { display: none !important; }

#dnn_ctr_ContentPane { background: url(../../signintext.gif) no-repeat top right; }

#dnn_ctr_ManageUsers_User_lblPasswordHelp { color: #555; font-size: 12px; }

.DNN_FeedbackContent { width: 400px; }