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

	Authors: Jason Kessel, Justin Coffey, Steve Gott

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

body {
    background:         url(/images/platform/themes/soft/bkdg.jpg) no-repeat scroll top;
    background-color:   #6090b5;
    margin:             0;
    padding:            0;
}

/***********************************************************************
	CONTENT STYLES
************************************************************************/
	
/* Footer */
div#footer_wrapper p {
    margin-bottom:     	20;
    padding:    		0;
    }
div#footer_wrapper {
    width:              100%;
	font-family:		"trebuchet ms", sans-serif;
	font-size:			12px;
	line-height:		22px;
	color:				#ffffff;
	text-align:			center;
	padding-top:		10px;
	*padding-top:		8px;
	text-shadow: 		1px 1px 4px #000;
}
div#footer_wrapper a:link {
	color: 				#ffffff;
	text-decoration:	none;
}
div#footer_wrapper a:visited {
	color: 				#ffffff;
	text-decoration:	none;
}
div#footer_wrapper a:active {
	color: 				#ffffff;
	text-decoration:	none;
}
div#footer_wrapper a:hover {
	color: 				#ffffff;
	text-decoration:	underline;
}
/* Footer */

/*******************************************
    Principle DIV wrapper Styles
*******************************************/

div#main_wrapper {
    margin:             0;
	margin-left: 		auto;
	margin-right: 		auto;
	height:				auto;
	width:		        880px;
	border: 			0;
   	padding:	 		0;
    min-width:          880px;
	min-height:			680px;
}
	
div#header_wrapper {
    height:				94px;
}

.header_logo {
    z-index:			10;
    position:   		absolute;
	width:				227px;
	height:				127px;
	display:			block;
	background-image:	url(/images/platform/themes/soft/cooler_email_logo.gif);
	background-repeat:	no-repeat;
	margin:				0;
	padding:			0;
}

div#main_nav_wrapper {
    z-index:			1;
    height:				33px;
	background:     	url(/images/platform/themes/soft/nav_bar_brown.gif) repeat-x left top; 
	border-right: 		1px solid #000000;
	border-left: 		1px solid #000000;
    padding:            0px;
    padding-left:       227px;
}

div#content_wrapper_outer { 
	background-color:	#dde3cd; 
	border-left: 		1px solid #000000;
	border-right: 		1px solid #000000;
	border-bottom: 		1px solid #000000;
	padding:			15px;
    padding-left:       12px;
    padding-right:      12px;
}
	
div#content_wrapper { 
	color: 				#000000; 
	text-align: 		left; 
}

div#bottom_wrapper {
	background-image:	url(/images/platform/bottom_wide.gif);
	height:				9px;
	padding:			0px;
	margin:				0px;
	vertical-align:		top;
}


/***********************************************************************
	NAVIGATION STYLES
************************************************************************/

/* MAIN BROWSE NAVIGATION */

ul#main_nav { 
	margin: 			0;
	padding: 			0; 
}

ul#main_nav > li { 
	float:          	left; 
	list-style:     	none;
    margin-right:       23px;
}

ul#main_nav > li > a { 
	font-size:          15px; 
	font-weight:        bold; 
	color:              #cfc5b5; 
	text-decoration:    none;  
    height:             26px;
    margin:             0;
    padding:            0;
    cursor:             pointer;
	text-align:			right;
	position:       	relative;
	padding-top:		6px;
	*padding-top:		5px;
	display:			block;
	text-shadow: 		1px 1px 4px #000;
}


ul#main_nav li#back_button > a {
    background:     	url(/images/platform/themes/soft/white_led.gif) no-repeat center top;
	width:				auto;
}
ul#main_nav li#back_button > a:hover, ul#main_nav li#back_button.on > a {
    background:         url(/images/platform/themes/soft/white_led.gif) no-repeat center top;
    color:              #FFFFFF;
}

ul#main_nav li#dashboard > a {
    background:     	url(/images/platform/themes/soft/dashboard_button_a.gif) no-repeat center top;
	width:				104px;
}
ul#main_nav li#dashboard > a:hover, ul#main_nav li#dashboard.on > a {
    background:         url(/images/platform/themes/soft/dashboard_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}

ul#main_nav li#contacts > a {
    background:     	url(/images/platform/themes/soft/contacts_button_a.gif) no-repeat center top;
	width:				82px;
}
ul#main_nav li#contacts > a:hover, ul#main_nav li#contacts.on > a {
    background:         url(/images/platform/themes/soft/contacts_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}

ul#main_nav li#build > a {
    background:     	url(/images/platform/themes/soft/build_button_a.gif) no-repeat center top;
	width:				66px;
}
ul#main_nav li#build > a:hover, ul#main_nav li#build.on > a {
    background:         url(/images/platform/themes/soft/build_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}

ul#main_nav li#send > a {
    background:     	url(/images/platform/themes/soft/send_button_a.gif) no-repeat center top;
	width:				63px;
}
ul#main_nav li#send > a:hover, ul#main_nav li#send.on > a {
    background:         url(/images/platform/themes/soft/send_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}

ul#main_nav li#track > a {
	background:     	url(/images/platform/themes/soft/track_button_a.gif) no-repeat center top;
	width:				63px;
}
ul#main_nav li#track > a:hover, ul#main_nav li#track.on > a {
    background:         url(/images/platform/themes/soft/track_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}
	
ul#main_nav li#settings > a {
    background:     	url(/images/platform/themes/soft/settings_button_a.gif) no-repeat center top;
	width:				85px;
}
ul#main_nav li#settings > a:hover, ul#main_nav li#settings.on > a {
    background:         url(/images/platform/themes/soft/settings_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}

ul#main_nav li#help > a {
    background:     	url(/images/platform/themes/soft/help_button_a.gif) no-repeat center top;
	width:				56px;
}
ul#main_nav li#help > a:hover, ul#main_nav li#help.on > a {
    background:         url(/images/platform/themes/soft/help_button_b.gif) no-repeat center top;
    color:              #FFFFFF;
}

/* MAIN NAV SUB MENUS */

div.main_nav_drop_down {
    position:   absolute;
    display:    none;
}

div.main_nav_drop_down > ul {
    background-color:   #452d23;
    list-style: none;
    padding:    0;
    margin:     0;
    text-align: center;
}

div.main_nav_drop_down ul > li > a {
    display:    block;
    color:      #FFFFFF;
    padding:    2px;
}

ul#main_nav li#build > div.main_nav_drop_down > ul > li > a {
    width:  66px;
}

.drop_line1, .drop_line2, .drop_line3, .drop_line4 {
    display:block;
    font-size:1px;
    overflow:hidden;
}
.drop_line1 {
    background:#452d23 none repeat scroll 0 0;
    height:1px;
    margin:0 5px;
}
.drop_line2 {
    background:#452d23 none repeat scroll 0 0;
    height:1px;
    margin:0 3px;
}
.drop_line3 {
    background:#452d23 none repeat scroll 0 0;
    height:1px;
    margin:0 2px;
}
.drop_line4 {
    background:#452d23 none repeat scroll 0 0;
    height:2px;
    margin:0 1px;
}

span#logout_button {
    background-image:   url(/images/platform/logout_button.gif);
    float:              right;
	width:				48px;
	height:				18px;
    padding:            0px;
    margin-top:         6px;
	margin-right: 		7px;
	display:			block;
	z-index:			10;
    position:   		relative;
}


/* END MAIN BROWSE NAVIGATION */