@charset "UTF-8";
/* CSS Document */


/*---------element styles---------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0;
	outline:none;
	}
	
a, img {
	border:0;
	outline: none;
}


body {
	background:#000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
}

a {
	color:#FFF;
	text-decoration: none;	
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size:43px;
	font-weight:100;
	margin-top: 0px;
	padding-top: 0px;
}

h3 {
	font-size:24px;
	font-weight:100;
	margin-top: 0px;
	padding-top: 0px;
}

#o2ideas_home h4 {
	font-size:22px;
	color:#0087c3;
	font-weight:bold;
	margin-top: 20px;
	padding-top: 0px;
	line-height: 26px;
}

/*---------end element styles---------*/


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

.emphasis {
	font-weight:bold;
}

.dim {
	opacity: 0.4;
	filter:alpha(opacity=40);
}

.back_button {
	padding:0;
}

.back_button img {
	padding:0 5px 0 0;
	margin: 0;
}


.back_button a {
	font-size:12px;
}


.noshow {
	display:none;
}

.lastp {
	margin-bottom:45px;
}

.f_left {
	float:left;
	clear:none;
	margin:0;
	padding:0 8px 0 0;
}

.f_right {
	float:right;
	clear:none;
	margin:0;
	padding:0 0 0 8px;
}


.awards  {
	padding:15px 30px 25px 0;
}

.awardslast {
	padding:15px 0 25px 0;
}


/*---------end misc classes---------*/


/*---------main site menu---------*/

#main_menu {
	width: 100%;
	margin: 0;
	padding: 100px 0 0 0;
}

#main_menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	clear: none;
}

#main_menu ul li {
	display:inline;
	font-size: 14px;
	padding: 0 10px 0 0;
	margin: 0;
	font-weight: normal;
}

.rss_icon {
	float:right;
	padding-top:32px;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

/*---------end main site menu---------*/


/*---------services icon menu---------*/

#icon_menu {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 128px;
	background-repeat: no-repeat;
	background-position: 0 43px;
	clear: both;
	background-image: url(../images/divider_lines.png);
}

#icon_menu ul {
	margin: 0;
	padding: 64px 0 0 0;
	list-style-type: none;
	width: 100%;
}

#icon_menu ul li {
	font-size: 13px;
	display: inline;
	font-weight: normal;
	float: left;
	padding: 3px 50px 24px 30px;
	text-align: right;
}

.br_icon {
	background-image: url(../images/icon_m_br.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.eb_icon {
	background-image: url(../images/icon_m_eb.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.cc_icon {
	background-image: url(../images/icon_m_cc.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.dm_icon {
	background-image: url(../images/icon_m_dm.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.in_icon {
	background-image: url(../images/icon_m_in.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.av_icon {
	background-image: url(../images/icon_m_av.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 0 13px;
}

#icon_menu a.active {
	opacity: 0.6;
	filter:alpha(opacity=60);
	color: #666;
}

/*---------end services icon menu---------*/


/*---------main containers---------*/

#container_av {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_av.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}


#container_br {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_br.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}


#container_cc {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_cc.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_cc_s {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_cc.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 750px;
}


#container_dm {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_dm.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_eb {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_eb.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_in {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_in.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
}


#container_o2_home {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
}

#container_o2_work {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
}

#container_o2_about {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_o2_services {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_o2_blog {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_o2_culture {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#container_o2_contact_main {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
	min-height: 800px;
}

#contact_main_text h1 {
	font-size:24px;
}

#contact_main_text p {
	font-size:12px;
	line-height:18px;
	padding: 0 0 20px 450px;
}

#container_o2_404 {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/glow_o2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 900px;
}


/*---------end main containers---------*/


/*---------large icon page headers---------*/


/*header container*/
#av_header, #br_header, #dm_header, #eb_header, #in_header, #o2home_header, #o2about_header, #o2culture_header, #o2work_header  {
	width: 100%;
	margin: 0;
	padding: 45px 0 0 0;
	height: 80px;
}

#cc_header {
	width: 100%;
	margin: 0;
	padding: 45px 0 0 0;
	height: 135px;
}

#cc_header_solutions {
	width: 100%;
	margin: 0;
	padding: 45px 0 0 0;
	height: 120px;

}

.o2home_subhead {
	width: 100%;
	margin: 0;
	padding: 70px 0 20px 0;
	height: 80px;
}
	

#o2contact_main_header {
	width: 100%;
	margin: 0;
	padding: 45px 0 0 0;
	height: 135px;
}


/* page titles - 50% width for services with side by side explanations */ 
#in_title, #in_title_solutions, #br_title, #br_title_solutions, #dm_title, #dm_title_solutions, #av_title, #av_title_solutions {
	width: 50%;
	float: left;
	clear: none;
	height: 80px;
}

#eb_title, #eb_title_solutions  {
	width: 55%;
	float: left;
	clear: none;
	height: 80px;
}

/* 100% width for headers without side by side explanations */

#o2about_title, #o2culture_title, #cc_title, #cc_title_solutions, #o2contact_main_title {
	width: 100%;
	height: 80px;
}


#in_description, #br_description, #dm_description, #av_description {
	float: left;
	width: 50%;
	clear: right;
	margin:0;
	padding:0;
	line-height: 16px;
	height: 80px;
}

#eb_description {
	float: left;
	width: 45%;
	clear: none;
	margin:0;
	padding:0;
	line-height: 16px;
}

#in_description p, #br_description p, #eb_description p, #dm_description p, #av_description p {
	font-size:13px;
	padding:0;
}

#cc_description {
	width: 100%;
	margin:0;
	padding:0 0 45px 0;
	height: 50px;
	line-height: 16px;
	clear: both;
}

#cc_description p {
	font-size:13px;
	padding:5px 16px 16px 0;
	
}

.cc_list {
	font-size:14px;
}

/*---------end large icon page headers---------*/


/*home, about us, and culture containers*/

#about_o2ideas, #o2ideas_culture {
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	height:950px;
}

#o2ideas_home {
	width:100%;
	margin:0;
	padding:20px 0 45px 0;
}

#o2ideas_work {
	width:100%;
	margin:0;
	padding:20px 0 45px 0;
	height: 1100px;
}

#o2ideas_people {
	width:100%;
	margin:0;
	padding:20px 0 45px 0;
	height: 1700px;
}

#o2ideas_404 {
	width:100%;
	margin:0;
	padding:20px 0 45px 0;
	height:500px;
}

#o2ideas_404 p {
	width:70%;
	margin:0;
	padding:0 0 15px 0;
	font-size:14px;
	line-height:21px;	
}



#o2home_subhead h1 {
	font-size:43px;
	margin:0;
	padding:0;
	font-weight:100;
	
}

#o2ideas_home ul {
	list-style-type:square;
	list-style-position:inside;
	margin:0;
	padding:0 0 13px 0;
}

#o2ideas_home ul li {
	font-size:13px;
	line-height:20px;
}
	
#o2ideas_culture h1 {
	font-size:28px;
	font-weight:bold;
	padding:0 15px 5px 0;
}

#o2ideas_culture p, #o2ideas_home p {
	font-size:13px;
	padding:0 15px 15px 0;
	line-height: 20px;
}

/*we work container*/

#wework {
	width:100%;
}

#wework_text {
	width:280px;
	float:left;
}

#wework_image {
	width:600px;
	float:left;
	padding: 0 20px 0 0;
}


#wework img {
	padding:0;
}

#wework h1 {
	padding:0 0 5px 0;
	margin: 0;
	font-size: 30px;
}

#wework p {
	font-size:13px;
	line-height:20px;
	padding: 0 15px 15px 0;
}


/*we play container*/

#weplay {
	width:100%;
	clear: both;
	padding: 45px 0 0 0;
}

#weplay_text {
	width:600px;
	float:left;
	padding: 0 20px 0 0;
}

#weplay_image {
	width:280px;
	float:left;
}

#weplay img {
	padding:0;
}

#weplay h1 {
	padding:0 0 5px 0;
	margin: 0;
	font-size: 30px;
}

#weplay p {
	padding:0 0 15px 0;
	font-size:13px;
	line-height:20px;
}

/*---------home, about us, and culture containers---------*/



/*---------small text white line headers---------*/

#casestudy_header {
	width:100%;
	border-bottom:1px solid #FFF;
	margin: 45px 0 0 0;
}

#casestudy_header p {
	font-size:13px;
	margin:0;
	padding:0 0 2px 0;
}

#feature_header {
	width:100%;
	border-bottom:1px solid #FFF;
	margin: 0 0 35px 0;
	padding: 0;
}

#feature_header p {
	font-size:13px;
	margin:0;
	padding:0 0 2px 0;
}

.awards_hover {
	margin:0;
	padding:0;
}

.o2home_line {
	width:100%;
	border-bottom:1px solid #838485;
	margin: 20px 0 0 0;
	padding: 0;
}

.o2home_line p {
	font-size:13px;
	margin:0;
	padding:0 0 2px 0;
}

/*---------end small text white line headers---------*/



/*---------services page container---------*/

#services_list {
	width:100%;
	margin:0;
	padding:0 0 45px 0;
}

#main_sp_header {
	width: 100%;
	height: 165px;
	padding: 45px 0 0 0;
}

#main_sp_title {
	width: 100%;
	height: 165px;
	padding:0;
	margin:0;
}


#main_sp_title h3 {
	font-size:24px;
	font-weight:normal;
}

.sp_header {
	width: 100%;
}

.sp_header p {
	font-size:12px;
	line-height:18px;	
	clear: both;
	padding:15px 0 15px 0;
}

.sp_title {
	font-size:24px;
	font-weight:normal;
	height:80px;
}

.sp_title h1 {
	font-size:30px;
	font-weight:100;
}

.sp_title h3 {
	font-size:12px;
	font-weight:normal;
	line-height: 16px;
}

.sp_title p {
	font-size:12px;
	line-height:18px;	
	clear: both;
}

.sp_divider {
	width:100%;
	border-bottom:1px solid #838485;
	margin: 0 0 45px 0;
	padding: 0;
}

.sp_divider p {
	font-size:11px;
	margin:0;
	padding:0;
	text-align:right;
}
	

/*---------end services page container---------*/


/*---------special feature containers---------*/

#case_study_rotator {
	width:100%;
	margin: 0;
	padding: 35px 0 0 0;
	clear: both;
	height: 430px;
}

#av_case_study_rotator {
	width:100%;
	margin: 0;
	padding: 35px 0 0 0;
	clear: both;
	height: 380px;
}

/*featured work icon grid*/

#feature_work, #eb_feature_work, #dm_feature_work {
	width:100%;
	margin:0;
	padding:0 0 145px 0;
	height: 384px;
	clear: both;
}

#br_feature_work, #in_feature_work {
	height: 470px;
	padding:0 0 145px 0;
}


#av_feature_work {
	margin:0;
	padding:0;
	width:100%;
	height: 450px;
	clear: both;
}
	

#av_feature_work h3 {
	font-size:24px;
	margin:0;
	padding:0 0 5px 0;
	
}

#av_feature_work p, #o2ideas_work p, #o2ideas_people p {
	font-size:13px;
	line-height:20px;
	margin:0;
	padding:0 15px 15px 0;
}

#feature_image_grid {
	width:51%;
	margin:0;
	padding:0;
	float: left;
	clear: none;
}

#feature_image_grid h1 {
	font-size:30px;
	font-weight:100;
	padding: 0 0 22px 0;
	margin: 0;
}


#feature_image_grid img {
	padding:0 2px 6px 0;
}



/*corporate communication bio icon grid*/

#cc_feature_work {
	width:100%;
	margin:0;
	padding:0 0 145px 0;
	height: 800px;
}

#cc_feature_image_grid {
	width:50%;
	margin:0;
	padding:0;
	float: left;
	clear: none;
}

#cc_feature_image_grid h1 {
	font-size:30px;
	font-weight:100;
	padding: 0 0 22px 0;
	margin: 0;
}


#cc_feature_image_grid tr {
	height:100px;
}

#cc_feature_image_grid img {
	float:left;
	clear:none;
	padding:0 15px 5px 0;
}

#cc_feature_image_grid td {
	font-size:14px;
	padding-top:0px;
	line-height: 18px;
}

.moreinfo {
	font-size:11px;
}

iframe {
overflow: hidden;
} 

#bio {
	margin:0;
	padding:0;
	width:700px;
	height:500px;
}

#bio img {
	float:left;
	clear:none;
	margin:0;
	padding:0 25px 0 0;
}

#bio p {
	font-size:12px;
	line-height:16px;
	padding: 0 25px 15px 0;
}


#bio h1 {
	font-size:24px;
	padding: 25px 0 5px 0;
}

#bio h3 {
	font-size:16px;
	padding: 0 0 15px 0;
}


#eusa_tour {
	margin:0;
	padding:0;
	width:720px;
	height:500px;
	overflow:hidden;
}

#mcsf_home {
	margin:0;
	padding:0;
	width:800px;
	height:633px;
	overflow:hidden;
}

/*video inside lightbox*/

#video_asu3, #video_asu4 {
	margin:0;
	padding:0;
	width:585px;
	height:395px;
	overflow:hidden;
}

#video_asu5 {
	margin:0;
	padding:0;
	width:400px;
	height:224px;
	overflow:hidden;
}

#video_cds {
	margin:0;
	padding:0;
	width:320px;
	height:240px;
	overflow:hidden;
}

#video_vzw {
	margin:0;
	padding:0;
	width:400px;
	height:304px;
	overflow:hidden;
}

/*#video_asu1 p {
	font-size:12px;
	padding: 0;
	margin:0;
}*/

/*intro to services text*/

#services_text {
	width:49%;
	margin:0;
	padding:0;
	float: left;
	clear: none;
}

#av_services_text {
	width:47%;
	margin:0;
	padding:0 0 0 15px;
	float: left;
	clear: none;
}


#services_text h1, #av_services_text h1 {
	font-size:30px;
	font-weight:100;
	padding: 0 0 15px 0;
	margin: 0;
}

#services_text h3, #av_services_text h3 {
	font-size:21px;
	font-weight:100;
	color:#666;
	padding: 0 0 8px 0;
	margin: 0;
}

#services_text p, #av_services_text p {
	font-size:12px;
	line-height:20px;
	margin:0;
	padding: 0 21px 16px 0;
}


#services_text ul, #av_services_text ul {
	list-style-type:square;
	list-style-position:inside;
	margin:0;
	padding:0 0 15px 0;
}

#services_text ul li, #av_services_text ul li {
	font-size:14px;
	line-height:22px;
}




/*contact us main page*/

#contact_main_form {
	width:50%;
	margin:0;
	padding:0;
	float:left;
	clear:none;
}

#contact_main_form h1, #contact_main_map h1 {
	font-size:24px;
	margin:0;
	padding:0 0 15px 0;
}

#contact_main_form p, #contact_main_map p {
	font-size:12px;
	margin:0;
	padding:0 0 15px 0;
}

#contact_main_map {
	width:50%;
	margin:0;
	padding:0;
	float:left;
	clear:none;
}

#contact_main_text {
	width:100%;
	margin:0;
	padding:65px 0 50px 0;
	clear:both;
}


/*blog feed on landing pages*/

#blog_feed {
	width:100%;
	margin:95px 0 45px 0;
	padding:0;
}

#blog_feed h1 {
	font-size:22px;
	margin:0;
	padding:0 80px 3px 0;
}
	
#blog_feed h4 {
	font-size:12px;
	margin:0;
	padding:0 80px 16px 0;
}
	
	
#blog_feed h6 {
	font-size:11px;
	margin:0;
	padding:0 80px 16px 0;
}

#blog_feed p {
	font-size:13px;
	margin:0;
	padding:0 80px 32px 0;
	line-height:20px;
}

/*footer menu*/

#footer {
	width:100%;
	height:180px;
	background-color: #222;
}

#footer {
	margin:0;
	padding:0;
	width: 100%;
}

#footer img {
	float:left;
	clear:none;
	padding:35px 16px 0 0;
	margin: 0 0 0 40px;
}

#footer ul {
	list-style-type:none;
	font-size:12px;
	font-weight:100;
	float:left;
	clear:none;
	padding:0 70px 0 16px;
	border-right:1px solid #CCC;
	height:120px;
	margin: 35px 0 0 0;
}

#footer ul li {
	line-height:17px;
}

/*---------end special feature containers---------*/

/*---------case story-solutions accordion style---------*/

/*accordion container*/

#av_solutions {
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	height:750px;
}

#br_solutions {
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	height:750px;
}

#cc_solutions {
	width:100%;
	margin:0;
	padding:0;
	height:675px;
}

#dm_solutions {
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	height:750px;
}

#eb_solutions {
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	height:750px;
}


#in_solutions {
	width:100%;
	margin:0;
	padding:40px 0 0 0;
	height:750px;
}


#backhome {
	height:50px;
	width:100%;
}


/*root element for accordion*/

#accordion {
	width: 100%;
}

/*accordion header (top bar)*/

#accordion h2 {
	margin:0;
	padding:20px 0 5px 0;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #333;
	cursor:pointer;
}

/* currently active header 
#accordion h2.current {
	cursor:default;
	background-color:#333;
} */

#accordion h2:hover {
	cursor:default;
}

/*accordion pane*/

#accordion div.pane {
	border:none;
	display:none;
	height:480px;
	padding:0px;
	color:#fff;
	font-size:12px;
}

#cc_solutions #accordion div.pane {
	border:none;
	display:none;
	height:200px;
	padding:0px;
	color:#fff;
	font-size:12px;
}

/*a title inside pane*/

#accordion div.pane h2 {
	
}

/*hero image-video div inside accordion pane*/

.solution_image {
	width:555px;
	float:left;
	clear:none;
	padding: 15px 0 0 0;
	height: 495px;
}


/*hero text div inside accordion pane*/

.solution_text {
	width:345px;
	float:left;
	clear:none;
	padding: 15px 0 0 0;
	height: 495px;
}

#cc_solutions .solution_text {
	width:330px;
	float:left;
	clear:none;
	padding: 15px 0 0 0;
	height: 200px;
}

#cc_solutions .solution_text {
	width:900px;
	padding: 15px 0 0 0;

}

.solution_text h3 {
	margin:0;
	padding:0 0 5px 0;
	font-size:18px;
	font-weight:normal;
}

.solution_text p {
	font-size:12px;
	line-height:18px;
	margin: 0;
	padding: 5px 0;
}

/*thumbnails*/

.solution_text img {
	float:left;
	clear:none;
	padding-top:20px;
}

/*---------end case story-solutions accordion style---------*/



/*---------contact form panel---------*/

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

	The CSS, XHTML and design is released under Creative Common License 3.0:
	http://creativecommons.org/licenses/by-sa/3.0/

*/       


.highlight {
	background-color:#FF9D9D;
	border-bottom:#F30 1px solid;
	border-top:#F30 1px solid;
	padding: 4px 10px
}





/*---------main layout---------*/

#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 740px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

/*---------end main layout---------*/


/*---------panel tab button---------*/

.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: normal;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 12px;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #0087c3;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

/*---------end panel tab button---------*/


/*---------sliding panel---------*/

#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
 
}

#panel {
	width: 100%;
	height: 270px;
	color: #000000;
	background: #000000;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 43px;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 32px;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 0;
	text-align: left;
	font-size: 13px;
}

#panel .content .left {
	width: 960px;
	float: left;
	padding: 0 0 0 30px;
	border-left: none;
}

#panel .content .right {
	border-right: none;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}


.greeting {
	float:left;
	clear:none;
	padding:28px 0 0 0;
	color:#0087c3;
	width:120px;
	font-size:18px;
}

/*---------end sliding panel---------*/

/*---------career form styles---------*/

form {
 padding: 25px 0;
}

#o2ideas_people form p {
	font-size:11px;
	line-height:16px;
}

input:focus, textarea:focus, select:focus{
background-color: #fdfec6;
}

input {
 background-color: #f5f5f5;
 width:350px;
 border:2px solid #12609e;
 font-family:Arial, Verdana, sans-serif;
 font-size:12px;
}

select {
 background-color: #f5f5f5;
 font-family:Arial, Verdana, sans-serif;
 font-size:12px;
}

textarea {
 background-color: #f5f5f5;
 width:355px;
 height:110px;
 font-family:Arial, Verdana, sans-serif;
 font-size:12px;
 border:2px solid #12609e;
 padding:5px;
 background-image:url(../images/textarealogo.png);
 background-position:bottom right;
 background-repeat:no-repeat;
}

.form_select {
	width:355px;
	height:22px;
	border:2px solid #12609e;
}

.upload {
	width:350px;
	height:22px;
}

.set_height {
	height:18px;
}

.small_text {
	font-size:11px;
}