/************************************************************************

	Authors: Jason Kessel, Justin Coffey, Steve Gott

	Notes:  CE 2.0 Interface Base Elements
	
	Date:   4/8/09
	
	Special Note: A "*" is for hacking IE7. A "_" is for hacking IE6.
				
************************************************************************/

/***********************************************************************
	GLOBAL STYLES
************************************************************************/

* {
	font-size: 			12px; 
	font-family: 		"trebuchet ms", sans-serif; 
}

form {
    padding: 0;
    margin:  0;
}

h1 {
    font-size:          16px;
    font-weight:        700;
	margin:				0;
}

h2 {
    font-size:          14px;
    font-weight:        700;
	margin:				0;
}

h3 {
	font-size:			12px;
	font-weight:		700;
	margin:				0;
}

h4 {
	color:				#72483b;
}

table {
	border:				0;
	padding:			0;
	margin:				0;
}

td {
	vertical-align:		top;
	padding: 			0;
}

.clear_both {
	clear:				both;
}

.clear_right {
	clear:				right;
}
.clear_left {
	clear:				left;
}

.small {
	font-size:			11px;
}

a {
	color:				#367100;
	font-weight:		700;
	cursor:				pointer;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
	cursor:				pointer;
}

p.sub_heading {
	margin:				0;
	padding:			0;
	margin-right:		10px;
	margin-bottom:		10px;
	font-size:			13px;
}

.hr_dotted {
	border-top:dotted;
	border-width:1px;
	border-top-color:#000;
	width:100%;
	height:1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
	
/***********************************************************************
	Some styling of select/input elements
***********************************************************************/

input, textarea {
    -moz-border-radius-bottomleft   : 4px;
    -moz-border-radius-bottomright  : 4px;
    -moz-border-radius-topleft      : 4px;
    -moz-border-radius-topright     : 4px;
    color                           : #333333;
    padding                         : 2px;
    background-color                : #FFFFFF;
    border                          : 2px solid #CCCCCC;
}

/***********************************************************************
	Rounded corners
***********************************************************************/

/* Round Corner Box */  
/* Note: in the HTML, each "box_line" class is applied to a <b> tag */
.box_line1, .box_line2, .box_line3, .box_line4{
	font-size:			1px; 
	overflow:			hidden; 
	display:			block;
}
.box_line1 {
	height:				1px;
	background:			#fff; 
	margin:				0 5px;
}
.box_line2 {
	height:				1px;
	background:			#fff;
	margin:				0 3px;
}
.box_line3 {
	height:				1px; 
	background:			#fff; 
	margin:				0 2px;
}
.box_line4 {
	height:				2px; 
	background:			#fff; 
	margin:				0 1px;
}
.box_content {
	background:			#fff;
	padding:			10px;
}
/* END Round Corner Box */

/* Grey Round Corner Box */ 
/* Note: in the HTML, each "box_line" class is applied to a <b> tag */
.greybox_line1, .greybox_line2, .greybox_line3, .greybox_line4{
	font-size:			1px; 
	overflow:			hidden; 
	display:			block;
}
.greybox_line1 {
	height:				1px;
	background:			#e2e4dd; 
	margin:				0 5px;
}
.greybox_line2 {
	height:				1px;
	background:			#e2e4dd;
	margin:				0 3px;
}
.greybox_line3 {
	height:				1px; 
	background:			#e2e4dd; 
	margin:				0 2px;
}
.greybox_line4 {
	height:				2px; 
	background:			#e2e4dd; 
	margin:				0 1px;
}
/* END Grey Round Corner Box */

/* Grey Round Corner Box */ 
/* Note: in the HTML, each "box_line" class is applied to a <b> tag */
.lightgreybox_line1, .lightgreybox_line2, .lightgreybox_line3, .lightgreybox_line4 {
	display:			block;
	font-size:  		1px;
	overflow:   		hidden;
}
.lightgreybox_line1 {
	background: 		#eff1e9 none repeat scroll 0 0;
	height: 			1px;
	margin: 			0 5px;
}
.lightgreybox_line2 {
	background: 		#eff1e9 none repeat scroll 0 0;
	height: 			1px;
	margin: 			0 3px;
}
.lightgreybox_line3 {
	background: 		#eff1e9 none repeat scroll 0 0;
	height: 			1px;
	margin: 			0 2px;
}
.lightgreybox_line4 {
	background: 		#eff1e9 none repeat scroll 0 0;
	height: 			2px;
	margin:		 		0 1px;
}
/* END Grey Round Corner Box */

/* Gradient Round Corner Box TOP */ 
/* Note: in the HTML, each "box_line" class is applied to a <b> tag */
.grad_t_box_line1, .grad_t_box_line2, .grad_t_box_line3, .grad_t_box_line4{
	font-size:			1px; 
	overflow:			hidden; 
	display:			block;
}
.grad_t_box_line1 {
	height:				1px;
	background:			#d1d1d1; 
	margin:				0 5px;
}
.grad_t_box_line2 {
	height:				1px;
	background:			#d1d1d1;
	margin:				0 3px;
}
.grad_t_box_line3 {
	height:				1px; 
	background:			#d1d1d1; 
	margin:				0 2px;
}
.grad_t_box_line4 {
	height:				2px; 
	background:			#d1d1d1; 
	margin:				0 1px;
}
/* END Gradient Round Corner Box TOP */

/* Gradient Round Corner Box BOTTOM */  
/* Note: in the HTML, each "box_line" class is applied to a <b> tag */
.grad_b_box_line1, .grad_b_box_line2, .grad_b_box_line3, .grad_b_box_line4{
	font-size:			1px; 
	overflow:			hidden; 
	display:			block;
}
.grad_b_box_line1 {
	height:				1px;
	background:			#afafaf; 
	margin:				0 5px;
}
.grad_b_box_line2 {
	height:				1px;
	background:			#afafaf;
	margin:				0 3px;
}
.grad_b_box_line3 {
	height:				1px; 
	background:			#afafaf; 
	margin:				0 2px;
}
.grad_b_box_line4 {
	height:				2px; 
	background:			#afafaf; 
	margin:				0 1px;
}
/* END Gradient Round Corner Box BOTTOM */

/* Black Round Corner Box */	
/* Note: in the HTML, each "box_line" class is applied to a <b> tag */
.b1, .b2, .b3, .b4 {
	font-size:			1px; 
	overflow:			hidden; 
	display:			block;
}
.b1 {
	height:				1px; 
	background:			#FFF; 
	margin:				0 5px;
}
.b2 {
	height:				1px; 
	background:			#000; 
	border-right:		2px solid #FFF; 
	border-left:		2px solid #FFF; 
	margin:				0 3px;
}
.b3 {
	height:				1px; 
	background:			#000; 
	border-right:		1px solid #FFF; 
	border-left:		1px solid #FFF; 
	margin:				0 2px;
}
.b4 {
	height:				2px; 
	background:			#000; 
	border-right:		1px solid #FFF; 
	border-left:		1px solid #FFF; 
	margin:				0 1px;
}
/* END Black Round Corner Box */

/***********************************************************************
	Our basic boxes (for inputs and such--these use rounded corners)
***********************************************************************/

div.basic_box {
	margin-bottom:		10px;
	margin-left:		5px;
	margin-right:		5px;
}

div.basic_box_interior {
    margin:             0;
	background:			#e2e4dd;
	line-height:		22px;
	padding-bottom:		3px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:			left;
}

div.basic_box_interior h2 {
	color:				#000000;
	font-size:			13px;
	font-weight:		bold;
	margin:				0;
	padding-bottom:		5px;
	text-align:			left;
}

/***********************************************************************
    Control Panel style buttons
***********************************************************************/
div.control_panel {
    background-image:   url(/images/platform/control_panel_gradient.gif);
    background-repeat:  repeat-x;
    background-color:   #afafaf;
    background-position:top;
    color:              #000;
    font-size:          12px;
    font-family:        "trebuchet ms", sans-serif;
    font-weight:        normal;
    font-style:         normal;
    line-height:        22px;
    padding-left:       10px;
    padding-right:      10px;
	padding-bottom:2px;
    text-align:         left;
}
div.control_panel H2 {
    color:              #000;
    font-size:          13px;
    font-family:        "trebuchet ms", sans-serif;
    font-weight:        bold;
    font-style:         normal;
    text-align:         left;
    float:              left;
    margin:             0;
    margin-top:         1px;
    margin-right:       3px;
}
div.control_panel input, div.control_panel select {
    display:            block;
    width:              120px;
    float:              left;
    margin-bottom:      0;
    margin-right:       5px;
    margin-top:         1px;
	vertical-align:middle;
}
div.control_panel select {
    display:            block;
    width:              230px;
    float:              left;
    margin-bottom:      0;
    margin-top:         1px;
}

/***********************************************************************
General Input Classes
************************************************************************/
.general_input fieldset {
    border:         0;
    border:     #72483B 1px solid;
    margin-bottom:  15px;
}

.general_input legend {
    font-size:      14px;
    font-weight:    700;
    color:          #72483B;
    padding-left:   5px;
    padding-right:  5px;

}

.general_input input, .general_input select, .general_input textarea {
    width:      200px;
}

.general_input {
    list-style: none;
    margin:     2px;
}

.general_input li {
    clear:  both;
    padding: 2px;
    margin-left: -25px;
	*margin-left: 5px;
}

.general_input label {
	display:			block;
	float:				left;
	padding-right:		5px;
	text-align:			right;
	width:				130px;
    font-weight:        700;
    color:              #72483B;
}

.general_input div.input_help {
    margin-top:         -5px;
    *margin-top:        0;
    padding:            0;
    padding-left:       140px;
    font-size:          10.5px;
    font-style:         italic;
    font-weight:        700;
    color:              #666666;
}

.general_input p {
	padding:			0;
	margin:				0;
	margin-top:			2px;
	margin-bottom:		2px;
}

.general_input h3 {
	margin:				0;
	padding:			0;
	padding-left:		5px;
	font-weight:		800;
	border-bottom:		2px solid #aaaaaa;
}


/***********************************************************************
Because we can't get two side-by-side divs to have the same height
we need to occasionally make use of tables for layout.  The
full_height_container table class below allows us to do so with the
appropriate HTML:
<table cellspacing=0 class="full_height_container">
<tr>
<td class="left_column">
<b class="greybox_line1"></b><b class="greybox_line2"></b><b class="greybox_line3"></b><b class="greybox_line4"></b>
</td>
<td class="spacer_column">&nbsp;</td>
<td class="right_column">
<b class="greybox_line1"></b><b class="greybox_line2"></b><b class="greybox_line3"></b><b class="greybox_line4"></b>
</td>
</tr>
<tr>
<td class="left_column content">
<h2>Left Column Heading:</h2>

====> LEFT COLUMN CONTENT GOES HERE <=====

</td>
<td class="spacer_column">&nbsp;</td>
<td class="right_column content">
<h2>Right Column Heading:</h2>

====> RIGHT COLUMN CONTENT GOES HERE <=====

</td>
</tr>
<tr>
<td class="left_column">
<b class="greybox_line4"></b><b class="greybox_line3"></b><b class="greybox_line2"></b><b class="greybox_line1"></b>
</td>
<td class="spacer_column">&nbsp;</td>
<td class="right_column">
<b class="greybox_line4"></b><b class="greybox_line3"></b><b class="greybox_line2"></b><b class="greybox_line1"></b>
</td>
</tr>
</table>
************************************************************************/

table.full_height_container {
	border: 			0;
	width:  			100%;
	margin-bottom: 		5px;
}

table.full_height_container td {
	padding: 			0;
	margin: 			0;
}

table.full_height_container td.left_column {
	width:  			49%;
}

table.full_height_container td.right_column {
}

table.full_height_container td.spacer_column {
	font-size:  		1px;
	width:  			10px;
}

table.full_height_container td.content {
	padding-left:   	10px;
	padding-right:   	10px;
	padding-top:		0;
	padding-bottom:		0;
	background-color:   #e2e4dd;
}

table.full_height_container td.content p {
	margin:				0;
	padding:			2px;
}

table.full_height_container td.content h2 {
	float:				left;
	color:				#000000;
	font-size:			13px;
	font-weight:		bold;
	margin:				0;
	padding-bottom:		5px;
	text-align:			left;
}

table.full_height_container td.content label {
	width:				100px;
	float:				left;
	display:			block;
}


/***********************************************************************
	CONTENT STYLES
***********************************************************************/

div#loading_block {
	position:			fixed;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	background-color:	#000000;
	-moz-opacity:		0.15;
	opacity:			.15;
	filter:				alpha(opacity=15);
	z-index:			9998;
}

div#loading {
	position: 			fixed;
	right:				59%;
	left:				41%;
	margin-top: 		20px;
	padding:			5px;
	font-size:			14px;
	font-weight:		bold;
	background-color:	#FFF;
	border:				1px solid #000;
	color:				#72483b;
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
	vertical-align:		middle;
	width: 				225px;
	height:				45px;
	background-image:	url(/images/platform/loader.gif);
	background-repeat:	no-repeat;
	background-position:bottom;
	display:			block;
	z-index: 			9999;
}

div#content_wrapper h4 { 
	font-size: 			18px; 
	font-weight: 		bold; 
	text-decoration: 	none !important; 
	margin-top: 		0; 
	margin-bottom: 		0; 
	padding-top: 		0; 
	padding-bottom: 	3px; 
	padding-left:   	10px;
}

div#content_wrapper a:hover { 
	text-decoration: 	none !important;
}

div.module_content {
	min-height:			100px;
}

div#module_main {
	background-color:#FFF;
	padding:			10px;
	margin-top:-10px;
}

.mainBox {
	background-color:#FFF;
}

div#footer_wrapper p {
	margin: 			0;
	padding:			0;
}

/* END Vertical Navigation */

/***********************************************************************
FOR HIGHLIGHTING PARTICULAR DIVs and Ps
************************************************************************/

div.on, p.on {
    background-color:   #f09402;
    color:              #FFF;
}

div.hover, p.hover {
    background-color:   #d7e5ef;
    cursor: pointer;
}

div.hover.on, p.hover.on {
    background-color:   #ffa415;
    cursor:             pointer;
}


/**********************
misc classes
***********************/

div.pagination {
    padding:            8px 14px;
    background-color:   #e2e4dd;
    border-bottom:      2px solid #888;
}

/***********************************************************************
JQUERY UI THEME OVER-RIDES
************************************************************************/

.ui-widget-header {
	border: 			1px solid #888; 
	background: 		url(/images/platform/themes/soft/nav_bar_brown.gif) 50% 50% repeat-x; 
	margin-bottom: 		3px;
}
.ui-dialog-title {
	margin-top: 		-2px !important;
	color: 				#FFF; 
	font-weight: 		bold  !important; 
	font-size: 			14px;
}
.ui-dilog {
	border-color: 		#FFF;
}
.ui-dialog-titlebar-close .ui-icon { 
	height: 			24px;
	width:				24px;
	background-image: 	url(/images/platform/small_close_button.gif)  !important;
	background-repeat:	no-repeat;
	background-position:0;
	display:			block;
	cursor:				pointer;
	margin-top: 		-3px  !important; 
	margin-left: 		-4px  !important;
}
.ui-dialog-titlebar .ui-state-hover .ui-icon { 
	height: 			24px;
	width:				24px;
	background-image: 	url(/images/platform/small_close_button_hover.gif)  !important;
	background-repeat:	no-repeat;
	background-position:0;
	display:			block;
	cursor:				pointer;
	margin-top: 		-3px  !important; 
	margin-left: 		-4px  !important;
}