/* -------------------------------------------------

   AUTHOR           :   Erwin Aligam, Jessica S. Reuter, and Richard M. Watson
   WEBSITE          :   http://www.styleshout.com/
   TEMPLATE NAME    :   Refresh
   TEMPLATE CODE    :   S-0002
   VERSION          :   2.1
   LAST DATE MOD    :   2018-02-12

   MODIFIED FOR THE RNASTRUCTURE WEB SERVERS BY JESSICA S. REUTER, 2012
   Additional styles and modifications by Richard M. Watson 2014-2018.

---------------------------------------------------- */

/* -------------------------------------------------
   Properties applicable to all elements
---------------------------------------------------- */

* {
	margin:  0;
	outline: 0;
	padding: 0;
}

/* -------------------------------------------------
   Properties for some general HTML objects
---------------------------------------------------- */

/* The main body */
body {
	background: #CCCCCC;
	color:      #555;
	font:       12pt Arial; /*12px/160% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
	text-align: center;
}

/* A title in a definition list */
dt {
	color:       #666666;
	font-size:   110%;
	font-weight: Bold;
	margin-top:  15px;
}

/* Fieldset boxes */
fieldset {
	margin-top:  15px;
	padding:     10px;
	padding-top: 0;
}

/* Paragraphs */
p {
	margin:  0;
	padding: 10px;
}

/* Unordered and ordered lists */
ul, ol {
	margin:  5px 20px;
	padding: 0 20px;
}

/* -------------------------------------------------
   Properties for links
---------------------------------------------------- */

/* Links and visited links */
a:link, a:visited {
	color:           #4F82CB;
	text-decoration: none;
}

/* Links: hover property */
a:hover {
	color: #4EBF37;
}

/* -------------------------------------------------
   Properties for headers
   (tags h1, h2, h3)
---------------------------------------------------- */

/* Common properties for h1, h2, h3 */
h1, h2, h3 {
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold;
	margin:      0;
	padding:     10px;
}

/* Specific properties for h1 */
h1 {
	font-size: 120%;
}

/* Specific properties for h2 */
h2 {
	color:     #88ac0b;
	font-size: 110%;
}

/* Specific properties for h3 */
h3 {
	color:     #666666;
	font-size: 110%;
}

/* -------------------------------------------------
   Properties for forms and repeated elements inside
   those forms
---------------------------------------------------- */

/* The form itself */
form {
	background-color: #FAFAFA;
	border:           1px solid #f2f2f2;
	margin:           10px;
	padding:          5px 10px;
	padding-bottom:   15px;
}

/* An h2 or h3 header in a form */
form h2, form h3 {
	margin-bottom: -10px;
	margin-left:   -10px;
}

/* A paragraph in a form */
form p {
	margin-left: -10px;
}

/* An input control */
input {
	border:  1px solid #aaa;
	color:   #777;
	font:    normal 1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	padding: 4px 5px;
}

/* An input control of a specific type: submit button */
input.button {
	background: #FFF;
	border:     2px solid #aaa;
	color:      #88ac0b;
	font:       bolder 24px Arial, Sans-serif;
	margin:     0;
	padding:    10px;
}

/* An input control of a specific type: check box */
input.checkbox {
	margin-left: 3px;
	margin-top:  14px;
}

/* A label for something in the form */
label {
	display:     block;
	font-weight: bold;
	margin:      0;
	margin-top:  10px;
}

/* A fieldset legend */
legend {
	margin-top: -15px;
}

/* A text area */
textarea {
	border:  1px solid #aaa;
	color:   #777;
	display: block;
	font:    normal 1em monospace;
	height:  100px;
	padding: 4px 5px;
	width:   450px;
}

/* -------------------------------------------------
   Properties for the main menu bar
---------------------------------------------------- */

/* The menu div itself */
#menu {
	clear:        both;
	font:         bold 12px/28px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	height:       28px;
	margin:       0;
	margin-top:   -28px;
	padding:      0 40px 0 0;
	padding-left: 45px;
	position:     absolute;
}

/* The list inside the menu div */
#menu ul {
	list-style: none;
	margin:     0;
	padding:    0;
	width:      940px;
}

/* Menu div list elements */
#menu ul li {
	display: inline;
}

/* Links in the menu div list elements */
#menu ul li a {
	color:           #FFF;
	display:         block;
	float:           left;
	padding:         0 10px;	
	text-decoration: none;
}

/* Links in the menu div list elements: hover property */
#menu ul li a:hover {
	background-color: #ECECEC;
	color:            #333;	
}

/* Link in a menu div list element shown as the current one */
#menu ul li#current a {	
	background-color: #FFF;
	color:            #333;
}

/* ----------------------------------------------
   Properties for the main content wrapper, main
   div, and repeated elements inside main div
------------------------------------------------- */

/* Content wrapper */
#wrap {
	background: #CCC url(content.jpg) repeat-y center top;
	margin:     0 auto;
	text-align: left;
	width:      1000px;
}

/* Main div */
#main {
	margin:  0 auto;
	padding: 0;
	width:   940px;
}

/* h1 inside main column */
#main h1 {
	background:    #FFF url(square-green.png) no-repeat 3px 50%;
	border-bottom: 1px solid #EFF0F1;
	color:         #88ac0b;
	font:          Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
	margin-right:  8px;
	margin-top:    10px;
	padding:       5px 0 5px 25px;
}

/* h2 inside list element inside main column */
#main li h2 {
	padding-bottom: 0;
	padding-left:   0;
	padding-top:    20px;
}

/* -------------------------------------------------
   Properties for the server header and footer
---------------------------------------------------- */

/* The footer div */
#footer {
	background: #CCC url(footer.jpg) no-repeat center top;
	clear:      both;
	color:      #666666;
	font-size:  .9em;
	height:     55px;
	text-align: center;	
	width:      1000px;
}

/* The main header div */
#header {
	background: #CCC url(header.jpg) no-repeat center top;
	color:      #FFF;
	font-size:  14px;
	height:     134px;
	padding:    0;
	position:   relative;
	width:      1000px;
}

/* The RNAstructure logo text */
#logo-text {
	color:          #FFF;
	font:           bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	margin:         0;
	padding:        0;
	text-transform: none;
	position:       absolute;
	top:            28px;
	left:           50px;	
}

/* The text used in the RNAstructure description */
#slogan {
	color: #FFF;
	font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
	margin: 0;
	padding: 0;
	text-transform: none;
	position: absolute;
	top:            74px;
	left:           58px;		
}

/* -------------------------------------------------
   Properties for elements unique to the manual
---------------------------------------------------- */

/* Box enclosing individual descriptions in combined interfaces */
#combinedDesc {
	border:     1px solid #aaa;
	margin:     5px;
	margin-bottom: 15px;
	padding:    5px;
}

/* Box enclosing link to text interface help */
#helpBox {
	border:     1px solid #aaa;
	margin:     auto;
	text-align: center;
	width:      700px;
}

/* The list that details how to use a particular server */
#helpProcessList {
	margin:        0;
	margin-bottom: 20px;
	margin-top:    -15px;
	text-align:    justify;
}

/* The header text */
#manual-text {
	color:          #FFF;
	font:           bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
	font-size:      220%;
	letter-spacing: -2px;
	margin:         0;
	padding:        0;
	text-transform: none;
	position:       absolute;
	top:            28px;
	left:           50px;	
}

/* Notification div */
#notify {
	margin:  10px;
	padding: 8px;
	text-align: center;
	background-color: yellow;
	color: #FF9900;
	font-weight: bold;
	font-size: 14px;
}

/* -------------------------------------------------
   Miscellaneous properties and elements
---------------------------------------------------- */

/* Bolded text */
.boldClass {
	font-weight: bold;
}

/* Centering */
.centerClass {
	margin:     auto;
	text-align: center;
}

/* Gray color */
.gray { color: #CCC; }

/* Indented radio button */
.indentedRadio {
	margin-left: 5px;
	margin-top: 17px;
}

/* An underlined header */
.underlineHeader {
	margin-bottom:   0;
	padding-bottom:  0;
	text-decoration: underline;
}

.svg-frame { border: none; }

.listItemHeader {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #06C;
}

.menuItem {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
}

#main ul li {
	padding: 4px 2px;	
}

ul.link-list li {
	font-weight: bold;
	/*font-size: 105%;*/
	padding: 4px;
}

.tight { 
	margin-top: 0px; margin-bottom: 0px; 
	padding-top: 0px; padding-bottom: 0px;
}

.floatFix {clear:both;}
.missing { color: red; font-weight: bold; }
.error { color: red; font-weight: bold; }
.success { color: #008000; font-weight: bold; }

.display-none { display: none; !important }

.link-note { font-size: 95%; color: #505F89; }