/* @override 
	http://www.intelligentpensions.siteiscentral.com/cms/front/stylesheets/ip_screen.css
	http://intelligentpensions.siteiscentral.com/cms/front/stylesheets/ip_screen.css
*/

* {
   margin: 0;
   padding: 0;
   list-style-type: none;
   line-height: 120%;
}

body {
	text-align: center;
   /*Universal reset on all elements and adjust 1.0em == 10px */
   font-size:62.5%;
   font-family: Gill Sans, Trebuchet MS, Lucida Grande, Arial;
}

textarea {
   font-family: Gill Sans, Trebuchet MS, Lucida Grande, Arial;
	font-size: 1.0em;
	font-weight: normal;
}
	
#wrapper {
	text-align: left;
   margin: 0 auto;
   width: 780px;
}               

#sidebar {
   float: left;
   width: 182px;
      background: #9FE3F0;
}               

#content {
   float: right;
   width: 548px;
   min-height: 720px;
}              
 
   
/* colours and properties ___________________________________________________________________
*/

#wrapper {
   background-color: #ffffff; 
   padding-top: 25px;
   border-right: 1px solid #00B5DD;
}

#content {
   padding: 15px 25px;
   background: #FFF;
   color: #000;
   font-size: 1.0em;
   /* what to do for IE? */ 
}        

#content p {
   font-size: 1.4em;
   margin-bottom: 15px;
}

#content h3, #content h2, #content h1 {
   clear: left;
   font-size: 1.5em;
   font-weight: bold;
   border-width: 2px;
   border-color: #00B5DD;
   border-style: solid;
   border-width: 2px 0 2px 0;
   padding: 6px 0px 6px 2px;
   margin-bottom: 15px;
}

#content h3 {
   font-size: 1.4em;   
   border-width: 0px 0 2px 0;
   padding: 3px 0px;
}

p#credits {
   color: #00B5DD;
   font-size: 1.1em;
   text-align: right;
   position: relative;
clear: both;
   top: 30px;  
}

/* lists, links etc. ___________________________________________________________________
*/

.text ul {
	font-size: 1.4em;
	color: #00B5DD; 
	padding-bottom: 15px;
	padding-left: 25px;
}

.text li {
	padding-bottom: 0.4em;
	line-height: 1.3em;
	list-style-type: circle;
	padding-left: 5px;
}

.text ul ul {
	font-size: 1em;
}

.text a {
	color: #00B5DD; 
	background: #FFFAE1;
	text-decoration: underline;
	}

.text a:hover {
	background: #00B5DD;
	color: #FFF;
	text-decoration: none;
	}


/* images und thumbz ___________________________________________________________________
*/

img {
	background: #FFF;
	margin-bottom: 15px;		
}

img.primary {
	float: left;
	padding-right: 15px;
}

img.alternative {
	float: right;
	padding-left: 15px;
}

/* sidebar and subnav ___________________________________________________________________
*/ 

#sidebar h1 a {
   display: block;  
   background: #FFF url(images/ip-logo.jpg) 0 15px no-repeat;
   text-indent: -1000px;
   height: 45px;
   padding-bottom: 50px;
   text-decoration: none !important;     
}

ul#nav_1st {
   display: block;
   padding-top: 2px; 
   background: #9FE3F0;
}
              
ul#nav_1st li {
   border-bottom: 2px solid #9FE3F0;
   /* necessary for IE */  
}   
   
ul#nav_1st a {
   display: block; 
   background: #00B5DD;
   font-size: 1.3em;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #FFF;
   text-decoration: none;
   padding: 8px 0 8px 15px;
}   

ul#nav_1st a:hover {
   background: #FFFAE1;
   color: #00B5DD; 
}

ul#nav_1st li.selected a {
   color: #00B5DD;
   padding-left: 30px;
   background: #FFFAE1 url(images/bullet.gif) 15px 12px no-repeat !important; 
}

#nav_2nd {
   float: right;
   width: 265px;
   background: #FFFAE1;
   border-left: 25px solid #FFF;  
}

#nav_2nd ul {
   display: block;
   padding: 6px 0;
   border-bottom: 15px solid #FFF;
}
      
#nav_2nd li {
   padding: 2px 10px 2px 10px;  
}
   
#nav_2nd ul a {
   font-size: 1.4em;
   color: #00B5DD;
   text-decoration: none;
}
 
#nav_2nd ul a:hover {
   text-decoration: underline;
}

#nav_2nd a.selected {
   font-weight: bold;
   padding-left: 13px;
   display: block;
   background: url(images/bullet.gif) 0px 5px no-repeat;
   cursor: default;
   text-decoration: none !important;   
}

#nav_2nd h3 {
   background: #00B5DD;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: #FFF;
   font-size: 1.2em;
   font-weight: bold;
   padding: 5px 0 5px 10px;
   border: 0;  
   margin: 0;  
}

/* search ___________________________________________________________________
*/ 

.search {
   background: #00B5DD;
   padding-left: 15px;
   padding-bottom: 5px;
   margin-top: 35px;
}

.search input {
   color: #000;
   height: 1.3em;
   border: 2px solid #9FE3F0;
   width: 120px;
   font-family: Gill Sans, Trebuchet MS, Lucida Grande, Arial;
   font-weight: normal;
   font-size: 1.2em;
   padding-left: 3px;
   padding-top: 3px;
}

.search input.button {
   vertical-align: bottom;
   border: 0;
   width: 16px;
   height: 32px;
   text-indent: -1000px;
}

.search{

   color: #FFF;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 1.2em;
   font-weight: bold;
}

/* advert ___________________________________________________________________
*/

.advert {
	border-top: 2px solid #00B5DD;
	border-bottom: 2px solid #00B5DD;	
	margin-top: 25px;
	padding: 10px 10px 10px 15px;	
	background: #FFFAE1;
	font-size: 1.3em;
}

.advert p, .advert a {
	color: #000;
}

.advert h3 {
	color: #00B5DD;
	text-transform: uppercase;
	font-size: 1.2em;
}

.advert a {
	color: #00B5DD;	
}

.advert a:hover {
	background: #00B5DD;
	color: #FFF;	
	text-decoration: none;	
}

.advert h3 a {
	color: #00B5DD;
	font-size: 1.0em;
	text-decoration: none;	
}

.advert h3 a:hover {
	text-decoration: underline;
	color: #00B5DD;
	background: #FFFAE1;	
}

/* page bottom navigation ___________________________________________________________________
*/

#page_nav {
	font-size: 1.3em;
	border-top: 1px dotted #9FE3F0;
	padding-top: 10px;
	margin-top: 10px;
	color: #00B5DD;
	clear: both;
}

#page_nav a {
	font-weight: bold;
	text-decoration: none;
	color: #00B5DD;
	font-style: normal;
}

#page_nav a:hover {
	text-decoration: underline;
	background-color: #FFFAE1;

}

span#prev_page {
	float: left;
	font-style: italic;
	width: 255px;
}

span#next_page {
	text-align: right;
	float: right;
	font-style: italic;
	width: 266px;
}

#next_page a {
	background: url(images/next.gif) center right no-repeat;
	padding-right: 22px;
}

#prev_page a {
	background: url(images/prev.gif) center left no-repeat;
	padding-left: 22px;
}

/*
#next_page a {
display: block;
	background: url(images/next.gif) 250px 4px no-repeat;
	padding-right: 22px;
}

#prev_page a {
display: block;
	background: url(images/prev.gif) 0 4px no-repeat;
	padding-left: 22px;
}
*/

/* forms ___________________________________________________________________
*/

.contact_form{
	float:  left
}

#left_form {
	width:  260px;
	float: left;
}

#right_form {
	width:  260px;
	float: right;
	padding-right: 7px;
	padding-left:  20px;
}

.contact_form p label,  {
	width: 258px;
	display: block;
}

label.legend{
	font-size: 1.4em;
}

.contact_form input.field,
.contact_form textarea {
	border: 2px solid #9FE3F0;
	   padding-left: 3px;
   padding-top: 2px;
width: 252px;
}

.contact_form #right_form input.field {
width: 258px;
}

.contact_form input.button {
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	background: #00B5DD;
	border: 0;
	padding: 4px;
	width: 100px;
	margin-top: 10px;
	text-transform: uppercase;
}

.contact_form textarea {
overflow: auto;
}

.contact_form input.field {
	height: 1.4em;
	padding-top: 3px;

}

.contact_form input.radio {
	margin-right: 5px;
}

.contact_form input.field:focus,
.contact_form textarea:focus {
	background: #FFFAE1;
}

.contact_form fieldset{
	border: 2px solid #9FE3F0;
	padding: 10px 0px 10px 10px;
	margin-bottom:  15px;
	width: 230px;
	overflow:  hidden;
}

.contact_form legend {
	font-size: 1.4em;
	color: #000;
	padding: 2px 4px 4px 4px;
	font-weight: normal;
	display:  block;
	white-space: normal;
}

.contact_form input.error, .contact_form textarea.error {
	background: #FFCD00 !important;
}

.contact_form p.disclaimer {
	font-size: 1.1em !important;
	display: block;
	width: 100px;
}

.contact_form p.disclaimer a {
	color: #00B5DD;
	text-decoration: none;
}

.contact_form p.disclaimer a:hover {
	text-decoration: underline;	
}

/* footer ___________________________________________________________________
*/ 

#footer {
   margin: auto;
   width: 780px;
   border-top: 15px solid #FFF;
   clear: both;
}                    

#footer p {
   background: #FFF;
   display: block;
   color: #00B5DD;
   font-size: 1.1em; 
   border-bottom: 0px solid #00B5DD;
   padding-left: 15px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

#footer div {
   float: right;
   padding-right: 25px;
}

#footer div p {
   border: 0;
} 

#footer a, #credits a {
	color: #00B5DD; 
	text-decoration: none;
	background: none;
	}

#footer a:hover, #credits a:hover {
	text-decoration: underline;	
	}

/* blockquotes ___________________________________________________________________
*/
	
.quote {
   background: #FFFAE1;
   font-size: 1.0em;
   font-style: italic;
   color: #00B5DD;
   padding: 10px 15px;
   margin-bottom: 10px;
   width: 260px;
   border-top: 2px solid #9FE3F0;
   border-bottom: 2px solid #9FE3F0;
}

.quote a {
   color: #00B5DD;
}

.quote a:hover {
   text-decoration: none;
   background: #00B5DD;
   color: #FFFAE1;
}

div.primary {
   margin-right: 25px;  	 
   float: left;
   width: 228px;	
}

div.alternative {
   margin-left: 25px;  	
   float: right;
   width: 235px;		
}

div.clear {
	clear: both;
}

/* Search results ___________________________________________________________________
*/

ul.subsection_index {
	font-size: 1.4em;
}

ul.subsection_index li p {
	font-style: italic;
	font-size: 1.0em !important;
}

ul.subsection_index li {
	margin-bottom: 5px;
}

ul.subsection_index a {
	color: #00B5DD;
	text-decoration: none;	
	
}

ul.subsection_index a:hover {
	background: #FFFAE1;
	text-decoration: underline;	
}

#options_table {
	font-size: 1.2em;
	margin:10px auto;
	padding:0;
	border-collapse:collapse;
}

#options_table th {
	text-align:center;
}

#options_table tr {
	margin:0;
	padding:0;
}

#options_table td{
	margin:0;
	padding: 4px 15px;
	border: solid 1px #000;
}

/* AJAX responses and errors etc. ___________________________________________________________________
*/

.errors li {
	background: #FFCD00;
	margin-bottom: 1px;
	padding: 5px;
	font-size: 1.4em;
}
	
#flash {
	padding:10px;
	margin-bottom:20px;
	font-weight:bold;
	background-color:#FFCD00;
}