.button { width:140px; }

/* TABS */
.ui-tabs .ui-tabs-active {
    background-color: white;
    border: 1px solid #cccccc;
}

#MS2adminTabs{
	width: 100%;
	min-height: 400px;
}
#MS2adminTabs a:link{
	text-decoration: none;
	color: #1658A6;
}

#MS2adminTabs .link {
	text-decoration: none;
	color: #9A272D;	
}

#MS2adminTabs div {
	font-size:14px;
}

.top {
margin-bottom: 15px;
}
.buttondiv {
margin-top: 10px;
}
.messagebox{
	position:absolute;
	width:100px;
	/*margin-left:30px;*/
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
	font-size:11px;
}
.messageboxok{
	position:absolute;
	width:auto;
	/*margin-left:30px;*/
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	font-size:11px;
	color:#008000;

}
.messageboxerror{
	position:absolute;
	width:auto;
	/*margin-left:30px;*/
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	font-size:11px;
	color:#CC0000;
}
.asterisk{
	font-size:11px;
	color:#CC0000;
}

div.buttonSubmit {
	position: relative;
}

div.buttonSubmit input,div.buttonSubmit span {
	height: 36px;
	position: relative;
	background-image: url(../../images/button-submit.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px 15px 2px 15px;
	margin: 20px 0px 20px 0px;
	border: 0px;
	cursor: pointer;
	z-index: 5;
}

div.buttonSubmit input {
	width: auto;
}

div.buttonSubmit span {
	width: 4px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: left -36px;
	padding: 0px 0px 0px 0px;
	z-index: 10;
}

body.safari div.buttonSubmit span {
	display: none
}

div.buttonSubmitHover input {
	background-position: right -72px;
}

div.buttonSubmitHover span {
	background-position: left -108px;
}

input.blueButton[type="text"] {
	/*color:#050;*/
	color:#000066;
	font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	background-color:#ecf5ff;
	border:1px solid;
	/*border-color: #1658a6;*/
	border-color: #000066;
	height: 35px;
}

input.blueButtonHov[type="text"] {
	border-color: #c63 #930 #930 #c63;

}

input.largerCheckbox {
	width: 25px;
	height: 25px;
}

input.smallButton {
	color:#9A272D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	background-color:#ffffff;
	border:none;
	cursor: pointer;
}

input.smallButtonHov {
	color: #406187;
	text-decoration: underline;
}


#navigation a
{
	color: #000;
	background: #fb0 url("../../images/tab-orange-left.gif") left top no-repeat;
	text-decoration: none;
	padding-left: 10px
}

#navigation a span
{
	background: url("../../images/tab-orange-right.gif") right top no-repeat;
	padding-right: 10px
}

#navigation a, #navigation a span
{
	display: block;
	float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
	float: none
}
/* End IE5-Mac hack */

#navigation a:hover
{
	color: #fff;
	background: #26a url("../../images/tab-blue-left.gif") left top no-repeat;
	text-decoration: none;
	padding-left: 10px
}

#navigation a:hover span
{
	background: url("../../images/tab-blue-right.gif") right top no-repeat;
	padding-right: 10px
}

#navigation
{
	list-style: none;
	padding: 0;
	margin: 0
}

#navigation li
{
	float: left;
	display: block;
	margin: 0;
	padding: 0
}

div.error {
	color: red;
}

div.alert {
	color: #00358b;
	font-style: italic;
}

div.blueFont {
	color: #00358b;
}

div.redFont {
	color: #9A272D;
}


.editable, textarea{
	background-color: #ffffd3;
}

textarea{
	width: 95%;
	font-size: 100%;
}

img.progress{
	vertical-align: middle;
	padding: 0 10px;
}

tr.d0 td {
	background-color: #FFFFFF; color: black;
}
tr.d1 td {
	background-color: #E0E0E0; color: black;
}
tr.border_bottom td {
	border-bottom: 1px solid #BBB;
}
tr.border_top td {
	border-top: 1px solid #BBB;
}


/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:10px;background:#fff;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}

LI.list1 {list-style: none; padding: 3px;}
LI.list2 {list-style: circle outside; color:black; padding: 3px;}

.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 1px solid navy;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/* formval.css */

.info   { color: black; background-color: transparent; font-weight: normal; }
.warn   { color: rgb(120,0,0); background-color: transparent; font-weight: normal; }
.error  { color: red; background-color: transparent; font-weight: bold }

.formtab TD      
	  { padding: 0.2em; height: 2.5em; vertical-align: top; font-size: 90%; }


/* checkboxes */
.checkcl    { text-align: right; }
.checkbox   { clear: right; float: right; margin: 0 0.5em; }
.formtab2 TD      
	  { padding: 0.2em; height: 2.5em; vertical-align: top;  }


.infoMsg, .successMsg, .warningMsg, .errorMsg, .validationMsg {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.infoMsg {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../images/PNG/info.png');
}
.successMsg {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../../images/PNG/success.png');
}
.warningMsg {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../images/PNG/warning.png');
}
.errorMsg {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../images/PNG/error.png');
}

/* Table stylesheet for Member products and journals table (memStep2 and memRenew1) */
.products{
	border-bottom: 1px solid black;
	/*border: 1px solid black;*/
}
.productsHeader{
	background-color: #CCCCCC;
}

/* TABS CSS FOR ADMIN DETAILS PAGE*/

.container {width: 700px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	/*border: 1px solid #ddd;*/
	border: none;
	padding: 5px;
}

/* Content Block used on details page */
.contentBlock {
	display:block; 
	overflow:auto;
	border: 1px solid #A4A4A4;
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FAFAFA;
}

/* UPPERCASE */
.uppercase {
	text-transform: uppercase;
}

/* LOWERCASE */
.lowercase {
	text-transform: lowercase;
}

.membershipTable {
	*border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.membershipTable tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.membershipTable td, .membershipTable th {
    /*border-left: 1px solid #ccc;*/
   	/*border-top: 1px solid #ccc;*/
    padding: 0 0 5px 10px;
    text-align: left;    
}

.membershipTable th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    border-left: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    padding: 10px; 
}

.membershipTable th.pending {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD1D1), to(#FFE0E0));
    background-image: -webkit-linear-gradient(top, #FFD1D1, #FFE0E0);
    background-image:    -moz-linear-gradient(top, #FFD1D1, #FFE0E0);
    background-image:     -ms-linear-gradient(top, #FFD1D1, #FFE0E0);
    background-image:      -o-linear-gradient(top, #FFD1D1, #FFE0E0);
    background-image:         linear-gradient(top, #FFD1D1, #FFE0E0);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    border-left: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.membershipTable th.expired {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DBD9DA), to(#F5F2F3));
    background-image: -webkit-linear-gradient(top, #DBD9DA, #F5F2F3);
    background-image:    -moz-linear-gradient(top, #DBD9DA, #F5F2F3);
    background-image:     -ms-linear-gradient(top, #DBD9DA, #F5F2F3);
    background-image:      -o-linear-gradient(top, #DBD9DA, #F5F2F3);
    background-image:         linear-gradient(top, #DBD9DA, #F5F2F3);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    border-left: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}


.membershipTable td:first-child, .membershipTable th:first-child {
    border-left: none;
}

.membershipTable th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.membershipTable th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.membershipTable th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.membershipTable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.membershipTable tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}