@CHARSET "UTF-8";

.side {margin-bottom: 30px;}
.block {margin-bottom: 30px;}
			
/* 
ContentBox is the replacement for all the helpBoxes. The idea is give all the contentBoxes 
basic styling, then assign another class to fully customize them according to each instance where
they are used. The modifier calsses will be "help", "text" & "facebook" for now. Check the wiki
for more info on specs (https://trac2.nfistudios.com/nfi/memberfuse/wiki/CSSGuide) - 5-7-09 bender
*/
.helpBox,
.contentBox,
.sidebox {
	margin-bottom: 30px;
	min-height: 100px;
	font-size: 13px;
	border: 1px solid #dedede;
	background: #f2f2f2;
}
	
.sidebox {clear: both;}

.wideBox .sidebox * {float: none; width: auto;}

.righty_col .contentBox {width: 298px;}

.contentBox .top,
.sidebox .top {
	padding: 14px 14px 0 14px;
	height: auto;
	background: none;
}
.contentBox .bottom,
.sidebox .bottom {padding: 0 14px;}

.contentBox .bottom > a.btn.small,
.sidebox .bottom > a.btn.small {margin: 0 auto 12px auto;}

.contentBox .middle,
.sidebox .middle {padding: 5px 14px 0 14px; overflow: hidden;}

.contentBox h2,
.sidebox h2 {
	padding: 4px 20px 0 0;
	min-height: 20px;
	color: #4d4d4d;
	font-size: 15px !important;
	text-transform: capitalize;
	line-height: 1.1;
	background-repeat: no-repeat;
	background-position: top right;
}
			
.contentBox p,
.sidebox p {margin: 0 0 1em 0; line-height: 1.1;}

.contentBox p.strong,
.sidebox p.strong {font-weight: bold;}

.contentBox ul,
.sidebox ul {margin: 0 0 1em 1.3em; list-style: disc outside;}
			
.contentBox ul li,
.sidebox ul li {margin-bottom: .2em;}

.helpBox,
.contentBox.help,
.sidebox.help {
	border: 1px solid #F0BC35;
	background: url(/themes/global/default/normal/images/boxes/bg_help_box.jpg) #FFEB99 repeat-x;
}
	
.helpBox h2,
.contentBox.help h2,
.sidebox.help h2 {background-image: url(/themes/global/default/normal/images/icons/questionmark_yellow_icon.png);}
.sidebox.help .bottom { display: none; }

/*---------------------------------------- Sidebox Drag */
.sidebox.drag {
	clear: both;
	min-height: 25px;
	opacity: .7;
	color: #666;
	font-size: 14px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #B3B3B3;
	background: #F2F2F2;
}	
.sidebox.drag:hover {opacity: 1;}
.sidebox.drag .top {padding: 0;}
.sidebox.drag .middle {padding: 12px 14px 12px 7px;}
.sidebox.drag p {
	margin: 0;
	padding-left: 30px;
	background: url(/themes/global/default/normal/images/icons/draghere.png) no-repeat left top;
}

/*---------------------------------------- Sidebox Facebook */
div.facebook,
.sidebox.facebook {
	color: #fff;
	border: 1px solid #233f74;
	background: url(/themes/global/default/normal/images/boxes/bg_facebook_box.jpg) #6A82B1 repeat-x;
}
div.facebook h2,
.sidebox.facebook h2 {
	color: #FFF;
	background-image: url(/themes/global/default/normal/images/icons/facebook_icon.gif);
}
div.facebook a,
.sidebox.facebook a {color: #e6e6e6;}
		
div.facebook a:hover,
.sidebox.facebook a:hover {color: #bee2f0;}
					
/*---------------------------------------- Text */					
.contentBox.text,
.sidebox.text {
	color: #FFF;
	border: 1px solid #00599C;
	background: url(/themes/global/default/normal/images/boxes/bg_text_box.jpg) #64A0C4 repeat-x;
}
.contentBox.text h2,
.sidebox.text h2 {
	color: #FFF;
	background-image: url(/themes/global/default/normal/images/icons/magnify_blue_icon.png);
}
.contentBox.text a,
.sidebox.text a {color: #e6e6e6;}
					
.contentBox.hover,
.sidebox.hover {
	/*
	 * Using the big version of the bg image fixes the ie gradient error bug.
	 * Note that the gradient error only occurs in ie8 on computers with
	 * hardware based graphics accelaration enabled (Ticket #8147)
	 */
	background: url(/themes/global/default/normal/images/bg_gray_big.png);
	background-repeat: repeat;
	border: 1px solid #4D4D4D;
	color: #F2F2F2;
}
.contentBox.hover h2,
.sidebox.hover h2 {color: #c7def0; line-height: normal; text-transform: none;}
		
.contentBox.other {
	width: 296px;
	color: #fff;
	border: 2px solid #b3b3b3;
	background: url(/themes/global/default/normal/images/bgs/bg_other.jpg) #333 repeat-x;
}
	
.contentBox.other h2 {
	color: #fff;
	background-image: url(/themes/global/default/normal/images/icons/magnify_blue_icon.png);
}
			
/* WIDGET - the widget class is meant to be applied to any box that is any actual widget, or any box on the dashboard. i.e. movable/draggable */
.widget {clear: both; margin-bottom: 30px;} /* cannot have float */
.widget .top {
	padding: 11px 0 0 15px;
	height: auto;
	min-height: 19px;
	background: url(/themes/global/default/normal/images/boxes/infoBox2_top.gif) no-repeat !important;
}
.widget .top h2 {
	margin: 0;
	padding: 0;
	color: #f2f2f2;
	font-size: 14px;
	text-transform: capitalize;
}
.widget .handle {
	padding: 9px 0 0 15px;
	min-height: 20px;
	overflow: auto;
}
.widget .handle h2 {padding: 2px 0 2px 22px; color: #f2f2f2;}
.widget .bottom {
	background: url(/themes/global/default/normal/images/boxes/infoBox2_bottom.gif) no-repeat left bottom !important;
	/*min-height: 10px; Safari fix adds padding */
	padding-bottom: 9px;
	padding-top: 3px;
	height: auto;
	clear: both;
}
.widget .middle {
	clear: both;
	padding: 10px 14px 0 14px;
	overflow: hidden;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	background: #FFFFFF url(/themes/global/default/normal/images/boxes/box_middle.jpg) repeat-x left bottom;
}

/*---------------------------------------- Added Tabs for Boxes */
.widget .tabs {
	display: block;
	float: left;
	clear: both;
	padding: 4px 0 0 10px;
	width: 188px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #d9d9d9;
	background: #f2f2f2;
}
.widget .tabs span {
	float: left;
	margin-right: 5px;
	font-size: 11px;
	text-transform: capitalize;
	border: 1px solid #d9d9d9;
	border-bottom: 0 none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-top-left: 5px;
	-webkit-border-radius-top-right: 5px;
	background: #FFFFFF url(/themes/global/default/normal/images/bgs/mini_tabs.gif) repeat-x 0 bottom;
}

.widget .tabs span:hover,
.widget .tabs span.active:hover {background: #fff;}

.widget .tabs span.active {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	background: #fff url(/themes/global/default/normal/images/bgs/mini_tabs_active.gif) repeat-x;
}
.widget .tabs span.active a {color: #0079bd; font-weight: bold;}
.widget .tabs span a {
	display: block;
	padding: 4px 8px;
	color: #4d4d4d;
	text-decoration: none;
}
		
		
/*---------------------------------------- Widget List */
.widget ul {
	margin: 0;
	padding-bottom: 5px;
	font-size: 13px;
	list-style: none;
	line-height: 1.1;
}
.widget ul li {padding: 5px 0;}
.widget ul li a {margin-bottom: 2px; color: #0079bd;}
.widget ul li a:hover {color: #808080;}

/*----- Reserved for any Meta Data about Link, i.e. Date */
.widget ul li span {
	display: block;
	color: #b3b3b3;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
}

/*---------------------------------------- Steps Box */
.stepsBox {float: left; margin-bottom: 30px; width: 200px;}
.stepsBox .top {
	float: left;
	padding: 0;
	width: 200px;
	height: 25px;
	background: url(/themes/global/default/normal/images/boxes/stepsBox_top.jpg) repeat-x;
}
.stepsBox h2 {
	margin: 0 6px 8px 0;
	font-size: 2.4em;
	font-weight: normal;
	text-transform: capitalize;
}
.stepsBox .bottom {
	float: left;
	width: 200px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px solid #9aa2a6;
}
.stepsBox .middle {
	float: left;
	padding: 5px 10px;
	width: 180px;
	background: #fff;
}
.stepsBox ul {margin: 0;}
.stepsBox ul li a {
	float: left;
	margin: 5px 0;
	padding: 5px 0 0 20px;
	width: 160px;
	height: 19px;
	color: #505b66;
	text-decoration: none;
	text-transform: capitalize;
	clear: both;
}
.stepsBox ul li a.active {
	color: #006b33;
	font-size: 1.3em;
	background: url(/themes/global/default/normal/images/step_pointer.jpg) no-repeat;
}

/*---------------------------------------- Drag Box (Old Styling) */
/*
.dragBox {float: left; margin-bottom: 30px; width: 200px;}
.dragBox .top, .dragBox .bottom {
	float: left;
	width: 200px;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.dragBox .middle {
	float: left;
	padding: 10px;
	width: 180px;
	border: 2px solid #B3B3B3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #F2F2F2;
}
.dragBox p {
	margin: 0;
	padding-left: 22px;
	color: #B3B3B3;
	font-weight: bold;
	font-size: 1.2em;
	background: url(/themes/global/default/normal/images/icons/dragdrop_dark_icon.png) top left no-repeat;
}
*/