/* OBA Web site styling */
body{margin:0; padding:0; font-family: verdana, arial, sans-serif; background-color: #ccccbb;}
 
/* Header */
div#header_row {width: 100%; background-color: #669999; margin-top: 5px; text-align: center;} /* blue: #666699; salmon: #996666; olive: #999966; */
div#header_area {width: 868px; margin-right: auto; margin-left: auto; text-align: left; height: 136px;}
img.header_logo {margin-top: -5px; margin-left: -110px !important; margin-left: -20px; position: relative;}
 
 /* Header Navigation (Menu bar) */
div#headermenu_row  {width: 100%; background-color: #666666; border-top: 1px solid #333333; border-bottom: 1px solid #333333;
                                background: url(../images/oba_header_menu_background.gif) repeat-x; height: 33px;
								font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center;}
div#headermenu_area {width: 868px; margin-right: auto; margin-left: auto; position: relative; text-align: left;}

 /* Header Navigation Menu items */
ul#mainlevel  {list-style: none; width: 868px; position: absolute; margin: 0; text-align: center; padding: 0;}
ul#mainlevel li {float:left; width: 280px;}
ul#mainlevel li a {text-decoration: none; color: #666666; padding: 10px 25px 8px 25px; height: 33px; line-height: 2.7em !important; line-height: 1.0em;}
ul#mainlevel li a:hover {text-decoration: none; color: #333333; padding: 10px 25px 8px 25px; background: url(../images/oba_nav_rollover_teal.gif) repeat-x;}


/* Page Content Layout (border and background) */
 #content_row {width: 100%; margin-top: 10px; text-align: center;}
 #content_area_outside {width: 868px; border: 1px solid #c4c4c4; background-color: #EEEEEE; padding: 10px; margin-right: auto; margin-left: auto;}
 #content_area_inside {width: 826px !important; width: 848px; border: 1px solid #dadace; background-color: #f5f5ec; padding: 20px; text-align: left;}

/* General link styling */
table.contentpaneopen a{text-decoration: none; color: #336699; border-bottom: 1px dotted #336699;}
table.contentpaneopen a:hover{text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}

table.contentpaneopen a.readon{text-decoration: none; color: #336699; border-bottom: 1px dotted #336699; margin-left: 500px; font-size: 10pt;}
table.contentpaneopen a.readon:hover{text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}

td.buttonheading a{font-size: 8pt; text-decoration: none; color: #CCCCCC; border-bottom: 1px dotted #CCCCCC; white-space: nowrap;}
td.buttonheading a:hover{text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}

/* Home Page Specific Styling */

/* Right-hand Login and Highlight column */
div#oba_home_right {float: right; width: 280px; line-height: 1.2em; font-size: 8pt; font-weight: 100;}

/* Login Form */
div#login_area {width: 200px; margin-left: 70px;}
div#login_area td {background-color: #f5f5ec;}
label {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #666666;
         width: 7em; float: left; text-align: right; margin-right: 0.5em; display: block}
div#login_area  tr {text-align: right;}
div#login_area a {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color:#336699; border-bottom: 1px dotted #336699;}
div#login_area a:hover {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #990000; border-bottom: 1px solid #990000;}

/* Article Highlight */
/* div#highlight_area p {padding: 5px 10px 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
div#highlight_area {width: 264px; background-color: #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; margin-left: 10px;}
div#highlight_area p.first_paragraph {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; line-height: 1.2em; margin-top: 5px;}
#highlight_area table.contentpaneopen {width: 260px; border: 0; padding: 0; background-color: #FFFFFF;}
#highlight_area table.contentpaneopen td {padding: 0;}
div#highlight_area a  {text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #336699; border-bottom: 1px dotted #336699; margin-left: 180px;}
div#highlight_area a:hover {text-decoration: none; color: #990000; border-bottom: 1px solid #990000;}
*/
/* New Article Highlight Area */
div#highlight_area p {padding: 5px 10px 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}
div#highlight_area {width: 264px; margin-left: 10px;}
#highlight_area table.contentpaneopen {width: 260px; border: 0; padding: 0;}
#highlight_area table.contentpaneopen td {padding: 0;}
#highlight_area table.contentpaneopen td a  {text-decoration: none; border-bottom: 0;}
#highlight_area table.contentpaneopen td a:hover {text-decoration: none; border-bottom: 0;}

/* Rotator Ad area styling */
.showmebutton_on {position: absolute; margin-top: 150px; margin-left: 160px; opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;}
.showmebutton_off {position: absolute; margin-top: 150px; margin-left: 160px; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

/* Home Page Content area */
div#oba_home_left {width: 530px !important; width: 500px;}
div#oba_home_left p {color: #666666; text-align: left; font-size: 10pt; line-height: 1.6em;}
div#oba_home_left p.first_paragraph {font-weight: bold; font-size: 14pt; font-family: "Times New Roman", Times, serif; color: #000000; margin-top: -5px;}
td.contentheading {font-weight: bold; font-size: 14pt; font-family: "Times New Roman", Times, serif; color: #000000; margin-top: -5px;}

/* Solutions Page Specific Styling */

div#oba_solution p.first_paragraph {font-weight: bold; font-size: 12pt; font-family: "Times New Roman", Times, serif; color: #333333; margin-top: -5px;}
div#oba_solution p {color: #666666; text-align: left; font-size: 10pt; line-height: 1.6em;}
div#oba_solution li {color: #666666; text-align: left; font-size: 10pt; line-height: 1.6em;}
.article_seperator {display: none;}
.solution_graphic {float: right;  margin-right: -24px; margin-top: -53px; position: relative;}
div#oba_solution {color: #666666; text-align: left; font-size: 10pt; line-height: 1.6em;
                            background: url(../images/SOLUTIONS.gif) no-repeat; padding-top: 70px;}

p.short_title {font-weight: bold;}
#oba_solution table.contentpaneopen {width: 600px;}
#oba_solution table.contentpaneopen img {padding: 3px;}
.allvideos {float: right; position: relative; margin-right: -230px; !important; margin-right: -110px}

div#oba_articles_title {background-color: #FFFFFF; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; padding-top: 5px; padding-bottom: 5px;
                        font-weight: bold; text-align: center; width: 100%;}
div#oba_articles_intro {width: 100%; padding-top: 5px;}
div#oba_articles_intro p {line-height: 1.2em; font-size: 10pt; width: 460px;}
div#oba_articles_intro img {float: right; margin-top: -50px; position: absolute; margin-left: 470px !important; margin-left: 460px;}

/* related links sidebar */
.related_sidebar {float: right; width: 210px; margin-right: -230px; padding: 0 4px 0 4px; position: relative; clear: both;
                          font-size: 8pt; font-weight: normal; background-color: #FFFFFF; color: #999999;
						  border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
.related_sidebar div {text-align: center; font-weight: bold; background-color: #EEEEEE; width: 218px; margin-left: -4px; color: #666666;}
ul.rel_block {list-style: none; margin: 0; padding: 5px 0 0 0;}
li.rel_item {line-height: 1.2em; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; padding-top: 5px;}
li.rel_item a.rel_link {text-decoration: none; color: #336699; border-bottom: 0px;}
li.rel_item a.rel_link:hover{text-decoration: none; color: #990000; border-bottom: 0px;}

/* sidebar */
div#sidebar {float: right; width: 210px; margin-right: -230px; padding: 0 4px 0 4px; position: relative; line-height: 1.4em;
                          font-size: 8pt; font-weight: normal; background-color: #FFFFFF; color: #666666;
						  border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
div#sidebar p {font-size: 8pt; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#sidebar_header {background: url(../images/bkgrnd_strategytable.jpg) repeat-x; width: 218px; margin-left: -4px; padding-top: 3px; padding-bottom: 3px;
                    text-align: center;}
div#sidebar2 {float: right; width: 210px; margin-right: -230px; padding: 0 6px 0 6px; position: relative; line-height: 1.4em;
                          font-size: 8pt; font-weight: normal; background-color: #FFFFFF; color: #333333;
						  border-left: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-right: 1px solid #999999; border-bottom: 1px solid #999999;}
div#sidebar2 p {font-size: 8pt; line-height: 1.4em; font-family: Verdana, Arial, Helvetica, sans-serif;}
div#sidebar2 p.sidebar_quote {font-size: 10pt; font-weight: bold; color: #333333; padding: 10px;}
div#sidebar2 p.quote_byline {font-size: 8pt; font-weight: bold; color: #333333; text-align: right;}


/* Audio Interview sidebar */
div#audio_sidebar {background: url(../images/background_thc_audio.gif) center no-repeat;
                   float: right; width: 210px; height: 555px; margin-right: -230px; position: relative;}
div#audio_sidebar div.allvideos {position: relative; margin: 0; padding: 0; float: none;}
div#interviewees {padding: 50px 5px 5px 60px; font-size: 8pt; font-weight: normal; color: #666666; line-height: 1.4em;}

/* sidebar images */
/* div#sidebar_image {float: right; width: 210px; margin-right: -230px; position: relative; clear: right;} */
div#sidebar_image {float: right; width: 210px; margin-right: -230px !important; margin-right: -110px; position: relative; clear: right;}
div.mosimage_caption {font-size: 8pt; line-height: 1.0em;}

/* Get In Touch Page Specific Styling */
div#oba_getintouch {text-align: left; background: url(../images/GETINTOUCH.gif) no-repeat; padding-top: 70px;}
div#oba_getintouch p {color: #666666; font-size: 10pt; line-height: 1.6em;}
.getintouch_graphic {float: right; margin-right: -20px; margin-top: -53px; position: relative; clear: left;}

/* Footer and Copyright */
 #footer_row {width: 100%; padding-top: 10px; text-align: center;}
 #footer_area {width: 960px; margin-right: auto; margin-left: auto; font-family: "Times New Roman", Times, serif; font-size: 8pt; color: #333333;
                      text-align: center;}
					  
/* ===== iPhone app article styling ===== */
div#iphoneapp_ad_area {width: 640px; text-align: center;} /* 580 */
div#iphoneapp_ad_area h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #333333;}
div#iphoneapp_ad_area h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #999999;}

/* sidebar area */
div#iphoneapp_sidebar_area    {width: 160px; padding: 0px; border: 1px solid #d4d4ee; background-color: #ebebf6; float: right; font-family: Arial, Helvetica, sans-serif;}
div.iphoneapp_sidebar_title   {width: 148px; padding: 6px; border-bottom: 1px solid #666699; background: url(/antarticles/images/sidebar_title_background.jpg) repeat-x; text-align: center;
                               color: #FFFFFF; font-size: 10pt;}
div.iphoneapp_sidebar_content {width: 148px; padding: 10px; color: #333333; line-height: 1.4em; font-size: 10pt;}
div#iphoneapp_sidebar_area a  {color: #6699FF; text-decoration: none; border-bottom: 1px dotted #99CCFF;}
div#iphoneapp_sidebar_area a:hover  {color: #990000; text-decoration: none; border-bottom: 1px solid #990000;}
p.iphoneapp_intro_header {font-weight: bold; color: #333333; font-family: Arial, Helvetica, sans-serif;}

/* app description */
span.intro_character {float: left; color:#999999; font-size: 28pt; font-family:"Times New Roman", Times, serif; width: 30px; padding-top: 8px;}
div#iphoneapp_description {width: 420px; float:right; padding-left: 10px; padding-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; line-height: 1.4em;}
div#iphoneapp_description h3 {color: #666666;}
div#iphoneapp_description li {color: #333333;}
div#iphoneapp_slideshow   {width: 362px; text-align: center;}
div#iphoneapp_slideshow a {font-size: 12pt; font-weight: bold; text-decoration: none; padding: 6px; color: #6699FF; margin-right: 4px; border: 1px dotted #666699;}
div#iphoneapp_slideshow a:hover {text-decoration: none; color: #6699FF; border: 1px solid #6699FF; background-color: #99CCFF;}

div.app_store {padding: 80px 8px 10px 70px; float: left;}
div.content_spacer_row {width: 800px; position: relative; clear: both; padding: 10px;}

/* Video Area */
div#video_area_playframe {text-align: center; display: block;}
div#video_area           {width: 100%; display: none;}