/*******************************************************************************************************
    MIRANDA Code
    ------------------
    M_page_color.css - This file is main CSS layout.

    -- add here your palette color
    Palette color:
    
    light green: #74AD21;
    dark green: #4d790d;
    brown: #675C53;
    light grey: #CCC;

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

/* Import this file if you need round corners*/
/*@import url("M_round_corners.css");*/

/* Import this file if you field alignment*/
@import url("M_align_fields.css");
@import url("/macDowAvatarBuilderFiles/avatar.css");


/********************************************************************************************************
  GLOBAL STUFF
********************************************************************************************************/
body {
		font-family: Tahoma,Arial,Helvetica;
		font-size: 76%;
		margin: 0;
		padding: 0;
		width:300px;
}

/* high level styles */
a:link {
    font-size: 12px;
		color: #8C847E;
		text-decoration: none;
		display: block;
		float:left;
    
}
a:visited, a:active, a:hover {
		color: #ff0000;
		text-decoration: none;
		background-position: top;

}

ul, ol, p{
  font-size:1.1em;
}
ul, ol {
    margin: 0;
    padding: 0;
  	line-height:1.2em;
}
ol {
  margin-left:28px;
}
ol li {
  list-style-type: decimal;
  margin:3px;
}
p {
  margin:6px 0;
  line-height:1.3em;
}

strong { font-weight:bold; }
em { font-style:italic; }

.small { font-size:85%; }

/* high level heading styles */
h1 {
    color:#ABA19B;
		font-family:verdana;
		font-size:15pt;
		line-height:1.4em;
		padding-top:2px;
}

h2 { font-size:1.4em; line-height:1; margin:6px 0; color:#666; margin-bottom:10px}
h3 { font-size:1.4em; line-height:1; margin:6px 0; color:#666; margin-bottom:10px}
h1,h2,h3 { font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;}

#rasp_table_results ul{
padding-left: 18px;
}
/********************************************************************************************************
  PAGE
********************************************************************************************************/
#rasp_page {
   padding: 0;
   clear: both;
   width: 100%;
}

ul {
    margin: 0;
    padding: 0;
}

ol {
    /*float: left;*/
    margin: 10px;
    width: 90%;
}

ul#rasp_list {
    margin: 10px 20px;
    line-height: 1.6em;
}

ul#rasp_list li{
    /*list-style-type: circle;*/
    /*width: 98%;*/
    /*margin-left: 20px;*/
    /*border: 1px solid;*/
}


/********************************************************************************************************
  HEADER
********************************************************************************************************/
#rasp_headerBg {
    background:#fff;
		height:95px;
}

#company_logo {
}

#rasp_logo {
    width: 700px;
    height: 64px;
    float: left;
}

#rasp_header {
    height:95px;
		width:523px;
}

.logo {
		left:20px;
		position:absolute;
		top:20px;
}

.characters {
		position:absolute;
		right:30px;
		top:15px;
	/*	display: none;*/
}

.topnav {
	position: absolute;
	top: 30px;
	right: 0px;
	font-size:96%;
}

.topnav ul {
	margin: 0px;
	padding: 0px;
}

.topnav ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

.topnav ul li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #407b27;
	text-decoration: none;
	display: block;
	padding: 5px 7px;
}

.topnav ul li a:hover, .topnav ul li.selected a {
		color: #fff;
		text-decoration: none;
		background: #80b928;
}

.LogoTxt{
		background-color:White;
		color:#CC0000;
		float:left;
		font-family:Tahoma,Arial,Helvetica;
		font-size:14px;
		font-weight:bold;
		padding:16px 0 9px 22px;
		text-align:left;
}

.HdrText{
	  color:#333333;
		float:left;
		font-family:arial;
		font-size:14px;
		line-height:16px;
		padding:3px 0 0 22px;
		text-align:left;
		width:100%;
}

/********************************************************************************************************
  NAVBAR
********************************************************************************************************/
#rasp_navbar {
		height:22px;
		margin:26px 0px 0px 55px;
		padding:0px 0px 0px 0px;
		width:518px;
}
.nav {
	height:18px;
	overflow:hidden;
}
.nav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.nav ul li {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: left;
}
.nav ul li a:link {
	font-size: 12px;
	color: #8C847E;
	text-decoration: none;
	display: block;
	float:left;
}
#rasp_navbar ul li a:hover, #rasp_navbar ul li.selected a {
	color: #222222;
	text-decoration: none;
	background-position: top;
	background-color: #fff;
}

#rasp_navbar a {
	font-size: 12px;
	color: #8C847E;
	text-decoration: none;
	display: block;
	float:left;
	padding-top:2px;
}

.greenseperator {
	color:#666666;
	font-size:16px;
	float:left;
	padding:0 1px;
}

/********************************************************************************************************
  CONTENT
********************************************************************************************************/
#rasp_wrapper {
	text-align:left;
	width:523px;
}

#rasp_content {

}

/********************************************************************************************************
  LEFT COLUMN
********************************************************************************************************/
#rasp_left {
    float:left;
		padding:0 0 20px;
		width:245px;
    /*border: 1px solid;*/
    /*background: #CCC;*/
    display:none;
}



/********************************************************************************************************
  RASP MENU
********************************************************************************************************/
.rasp_menu {
    margin: 0;
    padding: 0;
    width: 96%;
    margin-bottom: 14px;
    clear: left;
    border:5px solid #CCCCCC;
}

.rasp_menu h3 {
    margin:0;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1em;
    border-bottom:5px solid #CCCCCC;
}

.rasp_menu .cssbox_body  ul {
    background:#FFFFFF none repeat scroll 0 0;
		list-style-type:none;
		padding:5px 0;
}

.rasp_menu .cssbox_body  ul li{
    border-bottom:1px dashed #CCCCCC;
}

.rasp_menu .cssbox_body  ul li a
{
		background:#FFFFFF url(../M_images/brown_arrow.gif) no-repeat scroll 22px 9px;
		color:#656D68;
		display:block;
		font-weight:bold;
		padding:5px 0 5px 40px;
		text-decoration:none;
}

.rasp_menu .cssbox_body  ul li a:hover
{
		background:#80B928 url(../M_images/brown_arrow_hover.gif) no-repeat scroll 22px 9px;
		color:#FFFFFF;
}

.rasp_menu a:selected
{
		background:#80B928 url(../M_images/brown_arrow_hover.gif) no-repeat scroll 22px 9px;
		color:#FFFFFF;
}



/********************************************************************************************************
  LEFT HAND NAV
********************************************************************************************************/
#rasp_left_hand_nav {
    display: none;
}

#rasp_left_hand_nav ul {
    width: 99%;
    list-style-type: none;
    line-height: 1.4em;
    /*background: #675C53;*/
}

#rasp_left_hand_nav ul li{
    width: 90%;
    margin-bottom: 1px;
    /*background: #675C53;*/
    /*border: 1px solid;*/
}

#rasp_left_hand_nav ul li.selected{
    /*background: #74AD21;*/
}

#rasp_left_hand_nav ul li a{
    color: #7A4F3A;
    /*padding-left: 11px;*/
    font-weight: bold;
    text-decoration: none;
    /*background: url('../M_images/menu_off.gif');*/
    /*background-position: top left;*/
    /*background-repeat: no-repeat;*/
}

#rasp_left_hand_nav ul li a:hover{
    color: #666;
    /*padding-left: 11px;*/
    font-weight: bold;
    text-decoration: none;
    /*background: url('../M_images/menu_on.gif');*/
    /*background-position: top left;*/
    /*background-repeat: no-repeat;*/
}

body#app_tmpl #rasp_center {
    /*border: 1px dashed;*/
}

body#alerts_tmpl #rasp_center{
    /*border: 1px dashed;*/
}

body#search_tmpl_loggedin #rasp_center {
    /*border: 1px dashed;*/
}

body#profile_tmpl #rasp_center {
    /*border: 1px dashed;*/
}

#rasp_usermenu_tmpl .ContentBox{
    /*border: 1px dashed;*/
}

#rasp_search_tmpl p{
width: 95%
}
/********************************************************************************************************
  RIGHT COLUMN
********************************************************************************************************/
#rasp_right {
		float:right;
		margin:11px 0 0;
		width:213px;
		display:none;
}

/********************************************************************************************************
  RIGHT HAND NAV
********************************************************************************************************/
#rasp_right_hand_nav {
    display: none;
}

#rasp_right_hand_nav ul {
    width: 99%;
    list-style-type: none;
    line-height: 1.4em;
    /*background: #675C53;*/
}

#rasp_right_hand_nav ul li{
    width: 90%;
    margin-bottom: 1px;
    /*background: #675C53;*/
    /*border: 1px solid;*/
}

#rasp_right_hand_nav ul li.selected{
    /*background: #74AD21;*/
}

#rasp_right_hand_nav ul li a{
    color: #7A4F3A;
    /*padding-left: 11px;*/
    font-weight: bold;
    text-decoration: none;
}

#rasp_right_hand_nav ul li a:hover{
    color: #666;
    /*padding-left: 11px;*/
    font-weight: bold;
    text-decoration: none;
}


/********************************************************************************************************
  RASP MODULE
********************************************************************************************************/
#rasp_module {
    width: 92%;
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    /*border: 1px solid;*/
    background: #CCC;
}

#rasp_module h3{
    margin: 0;
    padding: 3px 5px;
    background: #675C53;
    font-size: 1em;
    color: #FFF;
    font-weight: normal;
}



/********************************************************************************************************
  CENTER
********************************************************************************************************/
#rasp_center {
    float:left;
		padding-top:23px;
		padding-bottom:18px;
		width:522px;
		margin-left:42px;
		font-size:90%;
    /*border: 1px solid;*/
}


/********************************************************************************************************
  FOOTER
********************************************************************************************************/
#rasp_footer {
    background:#fff none repeat scroll 0 0;
		clear:both;
		float:left;
}

#rasp_footer p{
    color:#666666;
		float:left;
		font-size:95%;
		margin:10px;
		text-align:center;
		width:94%;
}

#rasp_footer a:hover {
    color: #FFCC33;
}

p.message {
    color: #FF0000;
    text-decoration: none;
    font-weight: bold;
}

p.jobquery {
    width: 92%;
    padding: 8px;
    background: #666;
    color: #FFF;
    text-decoration: none;
    /*float: left;*/
}

p.jobquery2 {
    width: 92%;
    padding: 8px;
    background: #666;
    color: #FFF;
    text-decoration: none;
}

p.regtext1, p.regtext2 {
    text-decoration: none;
    float: left;
    width: 84%;
}

#rasp_left .rasp_divider {
	clear: left;
	float: left;
	width: 245px;
	height: 52px;
	border: none;
	margin-top:10px;
	padding: 0;
	background: transparent url(../M_images/module_search_top.jpg) no-repeat scroll 0 0;
}

#rasp_right .rasp_divider {
	clear: left;
	float: left;
	width: 193px;
	height: 70px;
	border: none;
	padding: 0;
	background: transparent url(../M_images/secondary_content_top.jpg) no-repeat scroll 0 0;
}



#privacy {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 99%;
}


#cancel_alerts {
    margin: 8px 0;
    text-align: left;
}


/********************************************************************************************************
  SEARCHTIPS
********************************************************************************************************/
#searchtips_control {
    width: 25%;
    float: left;
    margin: 0 0 0 8px;
    text-align: left;
}

#search_button {
    width: 25%;
    float: right;
    margin: 0 8px 0 0;
    /*border: 1px dashed;*/
}

.closed{
    background: url('../M_images/arrow_closed.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

.opened{
    background: url('../M_images/arrow_down.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

#searchtips_control a {
    color: #FFF;
    font-size: 80%;
    text-decoration: none;
}

#searchtips_control a:hover {
    color: #FFF;
    font-size: 80%;
    text-decoration: none;
}

#searchtips_control a:visited {
    color: #FFF;
    font-size: 80%;
    text-decoration: none;
}

#search_tips {
    background-color:#FFFFFF;
    border: 1px solid #666;     
    float:left;
    margin-bottom:20px;
    padding:5px;
    visibility:hidden;
    width:96%;
}

.open_tips {
}

.close_tips {
}

#declaration {
    width: 90%;
    /*float: left;*/
    padding: 8px;
    margin: 10px;
    border: 1px solid #b5bbad;
}

.accept {
    width: 98%;
    float: left;
    padding: 6px;
}



/********************************************************************************************************
  RASP_COMMANDS
********************************************************************************************************/
.rasp_commands {
    width: 96%;
    /*float: left;*/
    border-top: 1px solid #999;
    padding: 8px;
    margin-bottom: 28px;
    /*border: 1px solid;*/
}

.rasp_command_l {
    width: 30%;
    float: left;
}

#login_tmpl .rasp_command_l {
    width: 39%;
    float: left;
}

#search_tmpl .rasp_command_l {
    width: 15%;
    float: left;
}

.rasp_command_c {
    width: 43%;
    float: left;
}

#search_tmpl .rasp_command_c {
    width: 50%;
    float: left;
}

.rasp_command_r {
    /*width: 24%;*/
    float: right;
}

#rasp_search_tmpl .rasp_commands {
    width: 93%;
}

/********************************************************************************************************
  RASP_PRINT_BUTTONS
********************************************************************************************************/
.rasp_print_buttons {
    width: 90%;
    float: left;
    padding: 8px;
    margin: 8px 0px;
    text-align: right;
    /*border: 1px solid;*/
}

.rasp_print_buttons input{
    float: right;
    margin-left: 10px;
    /*border: 1px solid;*/
}


#rasp_print_job {
    margin-left: 40px;
    width:450px;
}


/********************************************************************************************************
  HIDDEN ELEMENTS
********************************************************************************************************/
#rasp_left .rasp_searchform {
		
    /*display: none;*/
}

#rasp_left .rasp_searchform .cssbox_body {
padding-left:5px;
padding-top:9px;
		
    /*display: none;*/
}

#rasp_left .rasp_login {
    display: none;
}

#rasp_right .rasp_searchform {
    display: none;
}

#rasp_right .rasp_login {
    /*display: none;*/
}

#rasp_left .rasp_logout, #rasp_right .rasp_logout {
    display: none;
}


body#search_tmpl #rasp_content #rasp_right .rasp_searchform {
    /*display: none;*/
}
body#usrannounce_tmpl #rasp_content #rasp_right .rasp_searchform {
    /*display: none;*/
}
body#usrannounce_tmpl #rasp_content #rasp_right .rasp_searchform {
    /*display: none;*/
}
body#app_tmpl #rasp_right {
    /*display:none;*/
}