/* Generic Form Styles */
.contentsubmit { position:relative;}
.contentsubmit .main { margin:20px 0; float:left; position:relative;}
.contentsubmit .infonav { margin-top:70px; margin-bottom:20px; float:right;}

form td, form tr { position:relative;}

table.opensubs tr.th2 th { background:#e9e9e9; text-align:left;}
table.submittedpackages tr.th2 th { background:#e9e9e9; text-align:left;} 
table.archivedsubs tr.th2 th { background:#e9e9e9; text-align:left;}
table.opensubs, table.submittedpackages, table.archivedsubs { width:700px;}

div.micromenu { position:absolute; padding: 5px 10px; background:#e9e9e9; left:700px; margin-top:-3px;}


/* Styles for the review*/
div.reviewContainer { background: #e9e9e9; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:10px 20px 20px 20px; position:relative; width:897px; border-top:0; -webkit-box-shadow: 0 0 3px #888; -moz-box-shadow: 0 0 3px #888; box-shadow: 0 0 3px #888; margin-bottom:20px;}
div.reviewContainer h3 { color:#000; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-bottom:0px; text-shadow:0 1px 1px #fff;}
div.reviewContainer div.reviewSection { background:#fafafa; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom:10px; padding:10px 10px 5px 10px;}
div.reviewContainer ul { margin-bottom:10px;}
div.reviewContainer ul li { list-style: disc;}
div.reviewContainer .twoCol { float:left; margin-right:10px; margin-left:10px; width:438px;}
div.reviewContainer .alpha { margin-left:0;}
div.reviewContainer .omega { margin-right:0;}
div.reviewContainer div.emptySection { background:transparent; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-bottom:10px; padding:10px 10px 5px 10px;}
div.reviewContainer div.emptySection ul { margin-left:0;}
div.reviewContainer div.emptySection li { background:#e9e9e9; color:#999; list-style: none;}
/* End Styles for the review*/


form.submitform { background: #e9e9e9; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:20px; width:650px; position:relative;}
form.submitform legend, form fieldset, form { margin:0; padding:0;}
form.submitform fieldset { border:none; margin-bottom:10px; position:relative;}
form.submitform fieldset:last-of-type { margin-bottom:0;}
form.submitform legend { color:#000; font-size:16px; font-weight:bold; padding-bottom:0px; text-shadow:0 1px 1px #fff;}
form.submitform ol li { background:#fafafa; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; list-style:none; margin-bottom:2px; padding:5px 10px 5px 10px; width:630px;}
form.submitform label { float:left; font-size: 13px; padding-right:10px; text-align:right; vertical-align:middle; width:190px; line-height:24px; margin:3px 0 0 0;}
form.submitform input { border-top:1px solid #666; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #666; padding:3px 4px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form.submitform input[type="checkbox"] { background:none; border:0px; float:left; margin:7px 7px 0 0; padding:0px; width:14px; height:14px;}
form.submitform input[type="radio"]    { background:none; border:0px; float:left; margin:7px 7px 0 0; padding:0px; width:14px; height:14px;}
form.submitform textarea {}
form.submitform select { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:3px 4px;}
form.submitform button { font-size:14px; padding:5px 10px;}
form.submitform fieldset.submitfieldset ol li.required { color:#BF0000;}
form.submitform .required { color:#BF0000;}
form.submitform fieldset.submitfieldset ol li input.required { border-color:red; border-width:2px;}
form.submitform fieldset.submitfieldset ol li.requirederror { border-color:red; border-width:3px; color:#BF0000; margin-bottom:5px;}
form.submitform p.required { color:#BF0000; position:absolute; right:10px; top:10px; font-style:italic; font-size:12px; display: block;}

form.submitform ol.yourerrors li { background:#fff; border:3px solid red; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; list-style:none; margin-bottom:2px; padding:5px 10px 5px 10px; width:628px;}
ol.yourerrors li h3 { margin-bottom:15px;}
form.submitform ol.yourerrors li ol li { width:600px; border:none; list-style-type:decimal; list-style-position:inside; padding:2px;}

form.submitform ol.readysubmit li { background:#fff; border:3px solid green; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; list-style:none; margin-bottom:2px; padding:5px 10px 5px 10px; width:628px;}
ol.readysubmit li h3 { margin-bottom:15px;}
form.submitform ol.readysubmit li ol li { width:600px; border:none; list-style-type:decimal; list-style-position:inside; padding:2px;}

form.submitform button.submitting { font-size:14px; padding:5px 10px; font-weight: bold;}

form.submitform ol.congratulations li { background:#fff; border:3px solid blue; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; list-style:none; margin-bottom:2px; padding:5px 10px 5px 10px; width:628px;}

form.submitform ol li.comments label { width:100px;}

.welcomeinfo { position:absolute; right:-248px; width:231px;}
.welcomeinfo ul, .welcomeinfo ol { margin-left:0; padding-left:0;}
.welcomeinfo ul li, .welcomeinfo ol li { list-style: disc; list-style-position: inside; margin-left:0; padding-left:0;}
.sideinfo { position:absolute; right:-265px; width:231px;}
.sideinfo ul, .sideinfo ol { margin-left:0; padding-left:0;}
.sideinfo ul li, .sideinfo ol li { list-style: disc; list-style-position: inside; margin-left:0; padding-left:0;}
.datainfo { position:absolute; right:-10px; width:231px;}
.datainfo ul, .sideinfo ol { margin-left:0; padding-left:0;}
.datainfo ul li, .sideinfo ol li { list-style: disc; list-style-position: inside; margin-left:0; padding-left:0;}

a.hidelink { text-decoration: none; color:black;}
.submissiontitle { margin-bottom:20px;}

.floatbutton { float:right; margin:0px 0;}
.floatremoveLink { float:right; margin:0px 0;}
.floatbuttonleft { float:left; margin:0 10px 10px 20px; width:130px;}

body h2.subh { font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin:-10px 0 5px 0;}
/* End Generic Form Styles */


/* Terms and Conditions */
form.terms input[type="checkbox"] { background:none; border:0px; float:left; margin:7px 7px 0 0; padding:0px; width:14px; height:14px;}
div.termsbox { border:1px solid #ccc; height:300px; width:500px; overflow:auto; margin:15px 0; padding:10px;}
/* End Terms and Conditions*/


/* Package Styles */
form#package1 { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; width:897px; border-top:0; 
	-webkit-box-shadow: 0 0 3px #888;
	-moz-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
}
form#package1 .required { font-weight:bold;}
form#package1 ol li span { margin-left:10px; font-style:italic;}

form#package1 label { width:130px;}
form#package1 ol li.userinput { background:#f2f6ff; border:1px solid #95adde; padding-right:100px; width:540px;}
form#package1 ol li.userinput .floatbutton { margin-right:-90px;}
form#package1 ol li.preuserinput { background:#e9e9e9; color:#999;}

form#package1 ol li.startdate { width:306px; float:left; margin-right:5px; padding-left:0;}
form#package1 ol li.startdate label { width:90px;}
form#package1 ol li.startdate span.startinfo { margin-left:15px;}
form#package1 ol li.enddate { width:306px; float:left;}
form#package1 ol li.enddate label { width:78px;}
form#package1 ol li.enddate span.endinfo { margin-left:10px;}
form#package1 label.boundary { width:160px;}

form#package1 ol.datatype label { width:200px;}
form#package1 ol.datatype div.dataradios {vertical-align: middle; margin-left:210px;}
form#package1 ol.datatype div.dataradios label { width:; float:none; position:relative; text-align: left; margin:0;}
form#package1 ol.datatype div.dataradios input[type="radio"] {float:none; vertical-align: top; margin-top:5px;}

form#package1 ol.upload label { width:80px;}

form#package1 .title label, form#package1 .abstract label, form#package1 .author_list label, form#package1 .purpose label, form#package1 .citation label, form#package1 .reference label { width:80px; } 

a.expandable { border:1px solid #5a87dd; color:#5a87dd; font-size:14px; display:block; padding:2px 2px 2px 2px; text-decoration:none; margin:2px 5px 0 0; width:8px; height:8px; line-height:8px; float:left; font-weight:bold;}
a.expandable:hover { color:white; background:#5a87dd;}
a.expandable_on { border:1px solid #5a87dd; background:#5a87dd; color:#fff; font-size:14px; display:block; padding:2px 2px 2px 2px; text-decoration:none; margin:2px 5px 0 0; width:8px; height:8px; line-height:8px; float:left; font-weight:bold;}
a.expandable_on:hover { color:#5a87dd; background:#fff;}
/* End Package Styles */

/* Login Specific Form Styles */
form#login { width:650px;}
form#login ol li { margin-bottom:3px;}
form#login label { width:190px;}
form#login ol li.radios label { text-align:left;}
form#login ol li.radios label { margin-right:-20px;}
form#login ol li.radios input { margin-top:4px;}
/* End Login*/

/* Terms */
form#terms ol li, ul li { margin-bottom:3px; list-style:none;}
form#terms ol li.radios label { text-align:left; margin-right:-20px;}
form#terms ol li.radios input { margin-top:4px; margin-right:10px;}
/* End Terms*/

/* Create Account Specific Styles*/
form#create label { width:190px; font-weight:bold;}
/* End Create Account*/

/* Create Account Specific Styles*/
form#editsubmitter label { width:130px; font-weight:bold;}
form#editsubmitter li#secretanswerli label { width:210px;}
form#editsubmitter select.institution { width:486px;}
/* End Create Account*/

/* Edit Submitter Specific*/
form#edit_submitter label { float:left; font-size:13px; vertical-align:top;}
select#institute_list { width: 900px;}
/* End Edit Submitter Specific Form Styles */


/* Application menu bar */
/*div.utilitydiv { background:#e9e9e9; border-bottom:1px solid #ccc; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999;} */
div.utilitydiv { position:absolute; top:-26px; right:0; z-index:3;}
div.utilitybar { background:#fff; border:1px solid #ccc; font-family: Arial, Helvetica, sans-serif; padding:3px 0px 3px 12px; margin:8px 0px 2px 12px;}
	div.utilitybar h3 { float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0; margin:0 5px 0 0;}
	div.utilitybar ul { display:block; padding:0; margin:3px 12px 0 0px; float:left;}
	div.utilitybar ul li { color:#000; float:left; display:block; padding:0px 0px 3px 10px; text-decoration:none; position:relative;}
	div.utilitybar ul li a { color:#000;}
	div.utilitybar p { float:right; margin:5px 10px 5px 0;}
/* End Dashboard menu bar*/

body ul#formnav div.errorbadge a, 
body ul#formnav div.errorbadge a:link, 
body ul#formnav div.errorbadge a:visited,
body.tabone_on ul#formnav li.tabone div.errorbadge a:link, 
body.tabone_on ul#formnav li.tabone div.errorbadge a:visited,
body.tabtwo_on ul#formnav li.tabtwo div.errorbadge a:link, 
body.tabtwo_on ul#formnav li.tabtwo div.errorbadge a:visited,
body.tabthree_on ul#formnav li.tabthree div.errorbadge a:link, 
body.tabthree_on ul#formnav li.tabthree div.errorbadge a:visited,
body.tabfour_on ul#formnav li.tabfour div.errorbadge a:link, 
body.tabfour_on ul#formnav li.tabfour div.errorbadge a:visited,
body.tabfive_on ul#formnav li.tabfive div.errorbadge a:link, 
body.tabfive_on ul#formnav li.tabfive div.errorbadge a:visited,
body.tabsix_on ul#formnav li.tabsix div.errorbadge a:link, 
body .tabsix_on ul#formnav li.tabsix div.errorbadge a:visited  { background:red; border:1px solid #000; color:#000; display:block; font-weight:bold; line-height:20px; padding:0px 5px; position:absolute; right:5px; top:-13px; width:10px; height:20px;}
body ul#formnav div.errorbadge a:hover { background:#ba1b1b; text-decoration:underline; color:#fff;}

ul#formnav {
	height: 36px;
	padding: 20px 20px 0 20px;
	width: 899px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

ul#formnav li {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	width: 148px;
	margin: 0 10px 0 0;
	background-color: #2B477D;
	border: solid 1px #415F9D;
	position: relative;
	z-index: 1;
}

ul#formnav li.tabone, ul#formnav li.tabone a:link, ul#formnav li.tabone a:visited { width:230px;}
ul#formnav li.tabtwo, ul#formnav li.tabtwo a:link, ul#formnav li.tabtwo a:visited { width:135px;}
ul#formnav li.tabthree, ul#formnav li.tabthree a:link, ul#formnav li.tabthree a:visited { width:100px;}
ul#formnav li.tabfour, ul#formnav li.tabfour a:link, ul#formnav li.tabfour a:visited { width:140px;}
ul#formnav li.tabfive, ul#formnav li.tabfive a:link, ul#formnav li.tabfive a:visited { width:100px;}
ul#formnav li.tabsix, ul#formnav li.tabsix a:link, ul#formnav li.tabsix a:visited { width:125px;}

ul#formnav li.shadow {
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	border: none;
	background: none;
	z-index: 2;
	-webkit-box-shadow: #111 0 -2px 3px;
	-moz-box-shadow: #111 0 -2px 3px;
	box-shadow: #111 0 -2px 3px;
}

ul#formnav li a:link, ul#formnav li a:visited {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-align: center;
	width: 148px;
	height: 40px;
	line-height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight:;
	color: #000;
	outline: none;
	float: left;
	background: #ccc;
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
}

ul#formnav li a:hover {
	background-color: #00a2e3;
	color:#fff;
}

.tabone_on ul#formnav li.tabone a:link, .tabone_on ul#formnav li.tabone a:visited,
.tabtwo_on ul#formnav li.tabtwo a:link, .tabtwo_on ul#formnav li.tabtwo a:visited,
.tabthree_on ul#formnav li.tabthree a:link, .tabthree_on ul#formnav li.tabthree a:visited,
.tabfour_on ul#formnav li.tabfour a:link, .tabfour_on ul#formnav li.tabfour a:visited,
.tabfive_on ul#formnav li.tabfive a:link, .tabfive_on ul#formnav li.tabfive a:visited,
.tabsix_on ul#formnav li.tabsix a:link, .tabsix_on ul#formnav li.tabsix a:visited {
	color: #000;
	font-weight: bold;
	-webkit-transition: background-color 0.2s linear;
	background: -moz-linear-gradient(top center, #e9e9e9, #e9e9e9 80%) repeat scroll 0 0 #e9e9e9;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #e9e9e9),color-stop(.8, #e9e9e9));
	background-color: #e9e9e9;
}

.tabone_on ul#formnav li.tabone,
.tabtwo_on ul#formnav li.tabtwo,
.tabthree_on ul#formnav li.tabthree,
.tabfour_on ul#formnav li.tabfour,
.tabfive_on ul#formnav li.tabfive,
.tabsix_on ul#formnav li.tabsix {
	z-index: 3;
}

/***FIRST STYLE THE BUTTON***/
input#submitbutton {
width:350px;
background: #a5cd4e; /*the colour of the button*/
background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */

padding: 10px 14px 10px; /*apply some padding inside the button*/
border:1px solid #a5cd4e; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #fff;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#submitbutton:hover, input#submitbutton:focus {
color:#3e5706;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
    box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);
}

form.submitform button, form.submitform input.button, button {
	padding: 7px 15px;
    background: #4075a4;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
form.submitform button:hover, button:hover {
	background: #00a2e3;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
form.submitform button:active, button:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}