/* Import the individual style sheets */

@import '/oic/wship/p7tm/oic_nav.css';
@import '/oic/wship/css/tabs.css';
@import '/oic/wship/css/user.css';

* { 
 padding: 0; 
 margin: 0;
 font-size: 100% 
}


/* link styles */
a:link {
color: #42688d; 
border-bottom:1px dotted #999999;
text-decoration: none;
background-color: transparent;
}
 
a:visited {
color: #42688d; 
border-bottom:1px dotted #999999; 
text-decoration: none;
background-color: transparent;
}

a:active {
color: #42688d; 
border-bottom:1px dotted #42688d; 
text-decoration: none;
background-color: transparent;
}

a:hover {
color: #41698d; 
border-bottom:1px solid #42688d; 
text-decoration: none;
background-color: transparent;
}

/* body and paragraph*/
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 91%; 
background-image:url('../images/NEWBG.jpg');
background-repeat: repeat-x;
background-color: #dfdfdd;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em; 
font-weight:normal;
margin-top:0px; 
margin-bottom:12px; 
margin-left:10px; 
margin-right:10px; 
}


/* table styles */
table.homered {
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height:125%; 
color:#000000; 
}

.homeheadred {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#ffffff; 
background-color: #993333; 
padding: 4px; 
font-weight: bold; 
text-align:center;
}

.TBLregular {
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height:125%; 
color:#000000; 
border: solid 1px #CCCCCC;
}

.TBLregular td 	{
padding: 3px; 
border: solid 1px #CCCCCC; 
}	

.TBLregularheadB td {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
border-color:#717171; 
background-color: #b1c6d6; 
padding: 4px; 
font-weight: bold; 
text-align:left;
}
	
	

.TBLregularhead {
font-family: Verdana, Arial, Helvetica, sans-serif;  
color:#000000;	
background-color: #b6c2cc; 
padding: 4px; 
font-weight: bold; 
text-align:left;
}

.TBLregularhead1 td {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
background-color: #CCCCCC; 
padding: 4px; 
font-weight:normal; 
text-align:left;
}



.TBLregularhead2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000;	
background-color: #CCCCCC; 
padding: 4px; 
font-weight: bold; 
text-align:left;
}


.TBLregularhead3 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000;	
background-color: #dddddd; 
padding: 4px; 
font-weight: bold; 
text-align:left;
}


.TBLnoBorder {
font-family: Trebuchet, Arial, Helvetica; 
line-height:125%; 
color:#000000; 
border:0;
}

.TBLnoBorder td {
padding: 3px;  
}	





	
#rightcolumncontent table { 
border-collapse:collapse; 
}


/*wrapper and header styles*/
#wrapper { 
 margin: 0 auto;
 padding:0;
 width: 960px;
}

#faux {
 background: url(/oic/wship/images/oic_bgnew.gif);
 margin-bottom: 0px;
 overflow: auto;
 width: 100%;
}

#printheader {
display:none;
}

#printfooter {
display:none;
}

.header {
color: #333;
width: 960px;
padding: 0;
height: 80px;
margin: 0;
background: #000000;
background-image:url(../images/oic_logo_search.jpg);
background-repeat:no-repeat;
border-bottom:0px solid #24618E;
text-decoration: none;
border-bottom:0px; 
}

/* this version of header is used for the static asp pages that didn't get updated with template changes */
#header {
 color: #333;
 width: 960px;
 padding: 0;
 height: 80px;
 margin: 0;
 background: #006699;
 background-image:url(../images/oic_header_master_new.jpg);
 background-repeat:no-repeat;
 border-bottom:0px solid #24618E;
 text-decoration: none;
 border-bottom:0px; 
}

#header a{
color:#FFF;
 width: 500px;
 padding: 0;
 height: 80px;
 margin: 0;
 font-size:11px;

 background-repeat:no-repeat;
 border-bottom:0px solid #24618E;
 text-decoration: none;
 border-bottom:0px; 
}


#header a:hover{
color:#FFF;
 width: 500px;
 padding: 0;
 height: 80px;
 margin: 0;
 font-size:11px;

 background-repeat:no-repeat;
 border-bottom:0px solid #24618E;
 text-decoration: underline;
 border-bottom:0px; 
}

.headerbackhome{
display:block;
float:left;
width:500px;
height:75px;
border-bottom:0px solid #24618E;
text-decoration: none;
border-bottom:0px; 
}

#headersearch {
position: relative;
width:220px;
height: 22px;
text-align:left;
display:block;
float:right;
background-color: transparent;

padding: 30px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:0px;
}

#navigation {
 display:block;
 padding: 0;
 margin: 0;
 height:2px;
 background-color:#999999;
 background-image:url(/oic/wship/images/headerlinenew.jpg);
 background-repeat:repeat-x;
}

#leftcolumn { 
display: block;
color: #333;
margin: 0;
padding: 0;
width: 172px;
float: left;
}

#leftcolumnnav {
order-bottom:1px solid #FFFFFF;
}

#rightcolumn { 
 float: left;
 color: #333;
 margin: 8px 2px 8px 8px;
 padding: 0px;
 width: 770px;
 background-color: #ece9d8;
 display: block;
}

#rightcolumn_search { 
 float: left;
 color: #333;
 margin: 0;
 padding: 0 0 5px 5px;
 width: 600px;
 background-color: #ece9d8;
 display: block;
}

#rightcolumncontent {
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
display:block;
margin: 0 0 0 0;
padding:15px 15px 15px 15px;
width:740px;
min-height:425px;
border:1px solid #CCCCCC;
background-color:#ffffff;
}

#rightcolumncontent_search {
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
display:block;
margin: 0 0 0 0;
padding:10px 0 15px 5px;
width:940px;
min-height:425px;
height:auto;
border:1px solid #B9B8B8;
background-color:#ffffff;
}

#rightcolumncontent table tr td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding: 3px;
margin: 0;
}

#rightcolumncontent_search table tr td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
padding: 0px 0px 15px 5px;
margin: 0;
}

#rightcolumncontentheaderhot {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
width: 388px;
height:auto;
float: left;
padding: 8px;
margin: 6px 0 6px 0;
border:2px solid #42688D;
}

.readers {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#OOOOOO;
text-align:center;
}

.clear { 
clear: both; 
background: none;
}

.hide {
display:none;
}




/*side box styles*/

/*Main side box - Grey*/
.sidebox { 
margin-top: 0px; /* center for now */
margin-right: 0px;
margin-left: 30px;
width: 20em; /* ems so it will grow */
background: url(../images/top_04.gif) no-repeat bottom right;
font-size: 100%;
}

.boxhead {
background: url(../images/top_right_02.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}

.boxhead h2 {
background: url(../images/top_left_01.gif) no-repeat top left;
margin: 0;
padding: 12px 22px 5px;
color: #42688d;
font-weight: bold; 
font-size: 1.0em; 
line-height: 1.2em;
ext-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Text Shadow affect: Safari, firefox, Chrome - only, but cool */
}

.boxbody {  
background: url(../images/top_03.gif) no-repeat bottom left;
margin: 0;
padding: 10px 20px 20px;
list-style-image: url(../images/arrow.gif); 
}


/*Homepage Newsroom side box - Gold*/
.sideboxnews {  
margin-top: 0px; /* center for now */
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 28em; /* ems so it will grow */
	background: url(../images/top_04.gif) no-repeat bottom right;
font-size: 100%;
}
.boxheadnews {
	background: url(../images/top_yellow_02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadnews h2 {
	background: url(../images/top_yellow_01.gif) no-repeat top left;
    margin: 0;
	padding: 22px 22px 5px;
	 color: #000000;
	font-weight: bold; 
	font-size: 1.0em; 
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Text Shadow affect: Safari, firefox, Chrome - only, but cool */
}
.boxbodynews {
	background: url(../images/top_03.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 20px 20px;
	list-style-image: url(../images/arrow.gif); 
}

/*Homepage Highlights box - Grey*/
.sideboxhighlights { 
	margin-top: 0px; /* center for now */
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 28em; /* ems so it will grow */
	background: url(../images/top_04.gif) no-repeat bottom right;
font-size: 100%;
}
.boxheadhighlights {
	background: url(../images/top_02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxheadhighlights h2 {
	background: url(../images/top_01.gif) no-repeat top left;
    margin: 0;
	padding: 22px 22px 5px;
	 color: #42688d;
	font-weight: bold; 
	font-size: 1.0em; 
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Text Shadow affect: Safari, firefox, Chrome - only, but cool */
}
.boxbodyhighlights {
	background: url(../images/top_03.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 20px 20px;
	list-style-image: url(../images/arrow.gif); 
}


/*Misc. Styles*/
#sidebar {
float: right;

clear: both;
margin-bottom: 0px;
}

.search_box {   
border-width: 1px;    
border-style: solid;    
border-color: #DAE0FC; 
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
padding-top: 2px;
padding: 3px;
width: 130px;    
height: 14px;   
}

hr {
color: #CCCCCC;
background-color:#CCCCCC;
height: 1px;
border: thin;


}



/*navigation section container box styles*/

/*Main side box - Grey*/
.box { 
margin-top: 0px; /* center for now */
margin-right: 0px;
margin-left: 0px;
width: 18em; /* ems so it will grow */
background: url(../images/top_04.gif) no-repeat bottom right;
font-size: 100%;
}

.boxhead {
background: url(../images/top_right_02.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}

.boxhead h2 {
background: url(../images/top_left_01.gif) no-repeat top left;
margin: 0;
padding: 10px 15px 5px;
color: #42688d;
font-weight: bold; 
font-size: 1.0em; 
line-height: 1.2em;
ext-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Text Shadow affect: Safari, firefox, Chrome - only, but cool */
}

.boxbody {  
background: url(../images/top_03.gif) no-repeat bottom left;
margin: 0;
padding: 5px 20px 15px;
list-style-image: url(../images/arrow.gif); 

}

/*Side box no containter*/
.sidebox_nobackground { 
margin-top: 0px; /* center for now */
margin-right: 0px;
margin-left: 30px;
width: 20em; /* ems so it will grow */
background-color: #FFFFFF;
font-size: 100%;
}

.boxhead_nobackground  {
background: ;
margin: 0;
padding: 0;
text-align: center;
}

.boxhead_nobackground h2 {
background-color: #FFFFFF;
margin: 0;
padding: 12px 22px 5px;
color: #42688d;
font-weight: bold; 
font-size: 1.0em; 
line-height: 1.2em;
ext-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Text Shadow affect: Safari, firefox, Chrome - only, but cool */
}

.boxbody_nobackground  {  
background-color: #FFFFFF;
margin: 0;
padding: 7px 20px 0px;
list-style-image: url(../images/arrow.gif); 

}
#faux #rightcolumn #rightcolumncontent #sidebar .boxbody p img {
	text-align: center;
}
#faux #rightcolumn #rightcolumncontent #sidebar .boxbody ul br {
	text-align: center;
}





/*Consumer Home Page Toolkit side box - Gold*/
.sideboxtoolkit {  
margin-top: 0px; /* center for now */
	margin-right: 0px;
	margin-left: -12px;
	margin-bottom: 0px;
	width: 41em; /* ems so it will grow */
	background: url(../images/top_04.gif) no-repeat bottom right;
font-size: 100%;
}


.boxheadtoolkit {
	background: url(../images/top_yellow_02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	
	text-align: center;
}


.boxheadtoolkit h2 {
	background: url(../images/top_yellow_01.gif) no-repeat top left;
    margin: 0;
	padding: 22px 22px 5px;
	 color: #000000;
	font-weight: bold; 
	font-size: 1.0em; 
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Text Shadow affect: Safari, firefox, Chrome - only, but cool */
}


.boxbodytoolkit{
	background: url(../images/top_03.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 20px 20px;
	list-style-image: url(../images/arrow.gif); 
	height: 400px;
}




/*Consumer side box - Grey*/
.consumerbox { 
margin-top: 10px; /* center for now */
margin-right: -5px;
margin-left: -10px;
width: 17em; /* ems so it will grow */

background: url(../images/top_04.gif) no-repeat bottom right;
font-size: 100%;
}



.consumerboxbody {  
background: url(../images/top_03.gif) no-repeat bottom left;
margin: 0;
padding: 5px 20px 15px;
list-style-image: url(../images/arrow.gif); 
height: 425px;
}


/*Elevator styles*/
.elevator_title {
	border:0 solid #2F4F4F;
	font-weight:bold;
	padding:0px;
	padding-left:25px;
	margin:5px 0 10px 0;
	cursor:pointer;
}

.ui-elevator-content {
	border:solid 1px #d1d1d1;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:25px;
	margin-right:10px;
	padding-left:15px;
	padding-right:10px;
	width:90%;
	background-color:#EAEEED;
}

.ui-elevator-content ul {
	margin-left:30px;
	list-style-image:url(../images/bullet_gray_arrow.gif);
}
   
.ui-elevator-content ul li {
	font-size:.9em;
	list-style-image:url(../images/bullet_gray_arrow.gif);
	margin-top:5px;
}
   
.ui-elevator-content ul li ul li {
	list-style-type:disc;
	list-style-image:none;
	margin-left:20px;
}
    
.ui-elevator-content ul li ul li ul li {
	font-size:1em;
}
  
#elevator info {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
}
    
.ui-elevator-content ol li {
	font-size:.9em;
}
   
.ui-elevator-content ol li ul li {
	list-style-type:disc;
	margin-left:20px;
	margin-top:3px;
	
}



/*Feedback tab*/

	.FeedbackTab  { 
    display: block;
    position: fixed;
    float: none;
    left: 7;
    top: 10%;
    margin-top: 260px;
    margin-left: -80px;
	padding-left: 44px;



}