/* Mod June-July 2011 KH for Google Search Upgrade*/

/* ================================= */
/* HTML RESET AND DEFAULTS           */
/* ================================= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body {
	font-family: Helvetica, Arial, sans-serif;
}
/* regular and visited links are the same color on the homepage only */
a, a:visited {
	color: #7857cb;
	text-decoration: none;
}
a:hover, a:active {
	color: #148add;
	text-decoration: underline;
}
p, li, table, table p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 17px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

/* =========================================== */
/* PAGE LAYOUT. Same as onepetro_master.css    */
/* =========================================== */
#container {
	width: 987px;
	margin-right: auto;
	margin-left: auto;
}

/* Header */
#header, #header_bg {
	height: 114px;
	margin-bottom: 3px;
}
#header_bg img {
	position: absolute;
}

/* Center */
#center_col {
	width: 750px;
	float: left;
	margin-bottom: 3px;
}
#ccol_area {
	border: 1px solid #8cc63f;
}

/* Sidebar */
#sidebar {
	width: 234px;
	float: left;
	margin-left: 3px;
}

/* ================================= */
/* LOGIN & TOP LINKS                 */
/* ================================= */
#login_links {
	padding: 0px 15px 0px 0px;
	position: relative;
	top: 45px;
	float: right;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #8174af;
}
#login_links ul {
	display: inline;
	padding-left: 0;
	margin-left: 0;
} 
#login_links ul li {
	list-style: none;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8174af;
}
#login_links ul li.login_link_first {
	list-style: none;
	display: inline;
	border-left-style: none;
}
#login_links a {
	text-decoration: none;
	color: #8174af;
	padding-right: 10px;
	padding-left: 10px;
}
#login_links a:hover {
	text-decoration: none;
	color: #8cc63f
} 
#login_status {
	position: absolute;
	right: 42px;
	top: 34px;
}
#login_status p {
	margin: 5px 0px 0px 3px;
	color: #2A275E;
	font-size: 11px;
}

/* ================================= */
/* FOOTER                            */
/* ================================= */
#footer {
	height: 40px;
	clear: both;
	text-align: right;
	background-image: url(../images/site/footerBG_repeat.jpg);
	background-position: top;
	margin-bottom: 30px;
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #adacbd;
	border-left-color: #adacbd;
}
#div_ftr_links {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#div_ftr_links ul {
	margin: 0px;
	padding: 0px;
	display: inline;
} 
#div_ftr_links ul li {
	padding: 0px 8px;
	border-left: 1px solid #000000
	list-style: none;
	display: inline;
	margin: 0px;
	margin-bottom: 0px;
}
#p_tagline {
	font-weight: bold;
	text-align: center;
	margin: 6px 0px 0px;
	padding: 0px;
}
#p_copyright {
	margin: 3px 0px 0px;
	padding: 0px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* ================================= */
/* SIDEBAR CONTENT                   */
/* ================================= */
#sidebar_contents h2 {
	color: #ffffff;
	margin: 0px;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(../images/site/sidebarH2_bg.jpg);
	background-repeat: repeat-x;
	height: 35px;
	text-shadow: 0px -1px 0px #393547;
}
#sidebar_contents ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar_contents li {
	margin-bottom: 4px;
}

#sidebar_contents p {
	margin-bottom: .6em;
}
#sidebar_sec1, #sidebar_sec2, #sidebar_sec3 {
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6a5889;
	border-bottom-color: #6a5889;
	border-left-color: #6a5889;
	margin-bottom: 5px;
}
#sidebar_contents td.td_btns a:hover {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #ffffff;
}
#selectedOrgsList {
	margin-bottom: 8px;
	float:left;
	margin-right:5px;
}

/* ================================= */
/* HOME PAGE ONLY                    */
/* ================================= */
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	color: #8cc63f;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	line-height: 25px;
}
#org_list {
	margin: 0px;
	padding: 0px 0px 0px 100px;
}
.check_list {
	margin: 0px;
}
.check_all {
	margin: 0px;
}
.helplink {
	vertical-align: middle;
	margin-left: 50%;
	font-size: 90%;
}
.div_basic_btns {
	width: 267px;
	margin-right: auto;
	margin-left: auto;
}
.span_sub_lbl {
	font-size: 90%;
	padding: 0px 6px 0px 2px;
	font-weight: bold;
}
/* Home page - tabbed layout */
#search_basic {
	margin: 0px;
	clear: both;
}
#search_advanced {
	clear: both;
}
#search_options {
	min-height: 600px;
	height: auto;
	margin: 0;
	padding: 0px;
}
#search_opt_title {
	width: 310px;
	float: left;
	height: 86px;
	background-image: url(../images/site/search_options.jpg);
	background-repeat: no-repeat;
}
#search_tabs {
	float: left;
}

#tab_spacer {
	margin: 0;
	padding: 0;
}
#tab_bar {
	height: 86px;
	background-image: url(../images/site/tab_bar_bg.jpg);
	background-repeat: repeat-x;
}
.label_mid {
	font-weight: bold;
	padding-right: 3px;
	padding-left: 4px;
}
#system_message {
	margin: 15px 25%;
}

/* ********************** FAST SEARCH BY NUMBER BOX *********************** */
table#search_by_number .td_lbl {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
}


/* ================================= */
/* FORM TABLE STUFF                  */
/* ================================= */
#tbl_form, .tbl_form {
	margin: 0px;
	width: 100%;
}
table#tbl_form h2, table.tbl_form h2{
	font-size: 110%;
	margin: 0px;
	padding: 5px 0px 0px 15px;
}
#tbl_form td, .tbl_form td {
	margin: 0px;
	padding: 2px;
	border-bottom-style: none;
}
#tbl_form td.td_lbl, .tbl_form td.td_lbl {
	text-align: right;
	font-weight: bold;
	padding-right: 3px;
	width: 175px;
}
/* changed from above */
td.td_btns {
	text-align: center;
	padding: 10px 0px 5px;
	vertical-align: middle;
}
td.td_btns img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;	
}
td.td_btns p {
	margin: 5px 0px;
	text-align: center;
}

/* ================================== */
/* CENTER COLUMN CONTENT             */
/* ================================== */
#tbl_form td.td_lbl {
	text-align: right;
	font-weight: bold;
	padding-right: 3px;
}
.tr_dark {
	background:  #8cc63f;
}

th {
	color: #000000;
	padding: 5px 8px;
}
td.td_org {
	text-align: right;
	padding-right: 5px;	
}
#div_ftr {
	height: 33px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/site/green_footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left;
}
/* This is td_error equivalent for _home.css  27 March 09 */

.tbl_form td.td_frm_ftr {
	text-align: left;
	padding: 10px 0px;
	vertical-align: middle;
}
.tbl_form td.td_frm_ftr p, .tbl_form p {
	margin: 5px 0px;
	padding: 0px 50px;
}
.tbl_form td.td_frm_ftr ul, .tbl_form ul {
	padding-left: 15%;
}
.tbl_form td.td_frm_ftr h2 {
	color: #CC0000;
	text-align: center;
}
/* ================================================ */
/* TOP DOWNLOADS, ADDED JUNE 2011                   */
/* ================================================ */
#top_downloads {
	clear: both;
	float: left;
	margin-top: 60px;
	width: 705px;
}
#top_downloads h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8CC63F;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8CC63F;
}
#top_downloads li {
	list-style-position: outside;
	margin-bottom: 4px;
	margin-left: 1.2em;
	padding-left: 3px;
	list-style-image: url(../images/site/bullet.gif);
}
.moretopdownloads {
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	text-transform: uppercase;
}

/* ================================================ */
/* ADVANCED SEARCH LAYOUT                           */
/* ================================================ */
table.search_param, table.search_journal, table.limit_results, table.sort_results {
	width: 650px;
	margin-left: 30px;
	margin-bottom: 5px;
	float: left;
}
.search_param td, .search_journal td, .limit_results td, .sort_results td {
	padding: 4px;	
}
.search_param td.td_lbl, .search_journal td.td_lbl, .limit_results td.td_lbl, .sort_results td.td_lbl {
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	width: 25%;
	padding-left: 20px;
	vertical-align:top;
}
table.search_param {
	background-color: #f8f7fa;
	border: 1px solid #ddd5f6;
	margin-bottom: 5px;
}
table.search_journal {
    background-color: #f8f7fa;
	border: 1px solid #ddd5f6;
}
table.limit_results {
	border: 1px solid #c4e29e;
    background-color: #f7fbf2;
}
table.sort_results {
	border: 1px solid #ece7b4;
    background-color: #fdfadc;
}
table.search_param th, table.limit_results th, table.sort_results th {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
table.search_param th {
	color: #554785;
}
table.sort_results th {
	color: #e29207;
}
table.limit_results th {
	color: #8cc63f;
}
table.search_button {
	margin-left:225px;	
}

/* ================================================ */
/* SEARCH SUGGESTIONS                               */
/* ================================================ */
#search_suggest {
	width:423px;
	margin-left:140px;
	text-align:left;
}
.suggest_link {
	font-size: 13px;
	color: #000000;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	font-size: 13px;
	padding: 2px 6px 2px 6px;
	background-color: #eeeeee;
}
div#search_suggest {
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.FreeText {
	height: 25px;
	width: 413px;
	padding-right: 5px;
	padding-left: 5px;
}
/* ================================================= */
/* GENERAL UTILITY                                   */
/* ================================================= */

/* In checkout */
.small_text {
	font-size: 95%;
	font-weight: normal;
}
/* Added for Gomembers page */
.bold {
	font-weight: bold;
}
/* For legacy code */
.alt {
	background: #CCCCCC;	
}


/* ============================================================= */
/* JQUERY TABS FOR BASIC/ADVANCED SEARCH OPTIONS                 */
/* ============================================================= */
.ui-wrapper { border: none }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
	font-size: 16px;
}

.ui-tabs-panel {
	/* fonts here if needed */
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	float: left; /* fixes dir=ltr problem and other quirks IE */
}
.ui-tabs-nav a {
	margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding: 0 35px;
	text-decoration: none;
	white-space: nowrap; /* @ IE 6 */
	outline: 0; /* @ Firefox, prevent dotted border after click */
	background-image: url(../images/site/tab_bg.jpg);
	background-position: 0px 0px;
}
.ui-tabs-nav a span {
    padding: 0px;
	height: 86px;
    line-height: 81px;
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	color: #554784;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.ui-tabs-nav .ui-tabs-selected a {
/*    position: relative;
    top: 1px; 
    margin-top: 0;	
	*/
    z-index: 2;
    background-position: 0 -86px;
}

.ui-tabs-nav .ui-tabs-selected a span {
	padding-top: 0;
	height: 86px;
	line-height: 81px;
    background-image: url(../images/site/tab_selected_bg.jpg);
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
	border: none;
	padding: 10px 20px;
	background: #fff;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
a#tab1, a#tab2 {
	text-transform: capitalize;
}
/* ================================= */
/* END jQuery tabs                   */
/* ================================= */
