@CHARSET "ISO-8859-1";

/************/
/** Header **/
/************/
#header_container {
	background-color: #ddd;
	padding-top: 1.5em;
}

.pharma_pic {
	float: left;
	margin: 0 1.5em;
}

.pharma_main_black {
	font-family: Arial Black, Arial;
	font-weight: 900;
	font-size: 32px;
	color: black;
}

.pharma_main_purple {
	font-family: Arial Black, Arial;
	font-weight: 900;
	font-size: 32px;
	color: #B78BBB;
}

.pharma_secondary {
	font-family: Arial Black, Arial;
	font-weight: 900;
	font-size: 16px;
	color: black;
}

#tabs {
	background-color: #ddd;
	border-bottom: 5px solid #ccc;
	width: 1000px;
	height: 40px;
}

#tabs ul {
	list-style: none;
	float: right;
}

#tabs li {
	display: inline;
	margin: 1em 1em 1em 2em;
}

/** change color gray **/
#tabs li a {
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #686868;
}

/** change purple **/
#tabs #selected a {
	color: #B78BBB;
}

/**********/
/** Body **/
/**********/
#pic {
	float: left;
	display: block;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: white;
	padding: 0;
	margin: 0 auto;
	width: 1000px;
}

#container {
	margin: 0 auto;
	width: 1000px;
}

#content {
	margin: 0 auto;
	padding-top: 1em;
	background-color: white;
	line-height: 150%;
}

#content a {
	text-decoration: underline;
}

#content table a,#content cols a {
	text-decoration: none;
}

#content #blue_link a {
	color: blue;
	text-decoration: none;
}

/** change purple **/
h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #B78BBB;
	margin-bottom: 0.5em;
	line-height: 150%;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 3px solid #ddd;
}

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0;
	line-height: 1.5;
}

h4 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: underline;
}

.heading {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: underline;
}

.heading_info {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	text-decoration: none;
}

p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0.5em;
	line-height: 150% color:   black;
}

a {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: black;
}

/** change purple **/
fieldset {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	border: 1px solid #B78BBB;
	float: left;
	margin-right: 5em;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend {
	padding: 0 0.6em;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

#phar {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	padding: 0;
	margin: 0;
	color: black;
}

#phar li {
	padding: 0;
	margin: 0;
}

/** change purple **/
#message {
	background-color: #eee;
	width: 920px;
	border: 10px solid #B78BBB;
	bottom: 2em;
	margin-bottom: 1em;
	padding: 1em;
	font-weight: bold;
}

#message p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	line-height: 3;
	padding-left: 1.5em;
}

#links {
	margin: 0 auto;
	background-color: white;
	text-decoration: underline;
}

#assocs {
	margin: 0 auto;
	background-color: white;
	line-height: 150%;
}

/*******************/
/** Search screen **/
/*******************/
#text_input {
	float: left;
}

#lists_buttons {
	margin-top: 9em;
	float: left;
	margin-right: 6em;
}

#upload {
	margin-top: 7em;
	float: left;
	border-left: 1px solid #aaaaaa;
	padding-left: 6em;
}

#query_features {
	margin-top: 12em;
}

#intersection {
	float: left;
	margin-right: 6em;
}

#form {
	float: left;
	margin-bottom: 2em;
}

#default1 {
	float: left;
}

#default2 {
	float: left;
}

#targets_targetscan {
	float: left;
	margin-right: 2em;
}

#mirs_targetscan {
	float: right;
}

#no_default1 {
	clear: left;
	float: left;
}

#no_default2 {
	float: left;
}

#GD_features {
	clear: left;
	float: left;
	margin-top: 2em;
	margin-bottom: 1em;
}

#MG_features {
	clear: left;
	float: left;
	margin-top: 1em;
}

#MG_features h3 {
	margin-bottom: 1em;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

#GD_features h3 {
	margin-bottom: 1em;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

/****************/
/** FAQ screen **/
/****************/
#faq_pic {
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
}

#overlap {
	display: block;
	float: left;
	clear: left;
}

#faq_list li {
	margin-bottom: 0.5em;
	line-height: 150%
}

#verse_div,#pharmgkb_div,#miranda_div,#pita_div,#targetscan_div,#mirtarbase_div,#mirecords_div,#info_div_1,#info_div_2,#info_div_3,#info_div_4
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

#verse_div a,#pharmgkb_div a,#miranda_div a,#pita_div a,#targetscan_div a,#mirtarbase_div a,#mirecords_div a,#info_div_1 a,#info_div_2 a,#info_div_3 a,#info_div_4 a
	{
	text-decoration: underline;
}

/****************/
/** About screen **/
/****************/
#overlap_about {
	display: block;
	float: left;
	clear: left;
	margin-left: 2.5em;
	margin-bottom: 1em;
}

/*************************/
/** Table Result screen **/
/*************************/
#toggle_buttons {
	float: left;
	margin-right: 4em;
	padding-left: 2em;
}

/*************/
/** Buttons **/
/*************/
#button {
	width: 220px;
	position: relative;
	left: 20px;
	float: left;
	font-family: arial;
	font-size: 12px;
	color: black;
}

#fieldset_button {
	width: 220px;
	position: relative;
	left: 10px;
	float: left;
	font-family: arial;
	font-size: 12px;
	color: black;
}

input[type=text] {
	width: 200px;
	font-family: arial, helvetica, sans-serif;
	display: block;
	border: solid;
	border-width: 2px;
	margin: 1em 1em 1em 0em;
	padding: 1em;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

textarea {
	font-family: arial, helvetica, sans-serif;
	display: block;
	border: solid;
	border-width: 2px;
	margin: 1em 1em 1em 0em;
	padding: 1em;
	font-size: 12px;
	resize: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

label {
	padding: 0.5em;
	color: black;
	display: inline;
	text: bold;
}

/** change purple **/
input[type=submit],input[type=reset],input[type=button] {
	background: #B78BBB;
	display: block;
	color: white;
	font-weight: bold;
	border: none;
	margin-right: 1em;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 2px;
	width: 80px;
	height: 23px;
}

/** change purple **/
input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover
	{
	background: white;
	color: #B78BBB;
	margin: 4;
	cursor: pointer;
	border: solid;
	border-width: 2px;
}

/*input[type=file]*/
.file_input_textbox {
	float: left;
	width: 500px;
	height: 16px;
	top: 0px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

.file_input_div {
	position: relative;
	width: 100px;
	height: 23px;
	overflow: hidden;
	top: 6px;
}

/** change purple **/
.file_input_button {
	position: absolute;
	margin-left: 12px;
	top: 0px;
	background: #B78BBB;
	display: block;
	color: white;
	font-weight: bold;
	border: none;
	margin-right: 1em;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 2px;
	width: 80px;
	height: 23px;
}

.file_input_hidden {
	font-size: 45px;
	position: absolute;
	margin-left: 12px;
	right: 0px;
	top: 0px;
	opacity: 0;
	height: 23px;
	filter: alpha(opacity =   0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

#submit_buttons {
	clear: left;
	float: left;
	margin-top: 2em;
	margin-bottom: 2em;
}

#submit_buttons td {
	width: 220px;
}

/***********/
/** Table **/
/***********/

/**header of table*/
th {
	text-align: left;
	background: #ddd;
	border: 1px solid #aaaaaa;
	padding: 0.5em;
	padding-left: 1em;
	text-decoration: underline;
}

/**content of table*/
#tables table {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
	padding-left: 20px;
}

#tables td {
	width: 290px;
	border: 1px solid #aaaaaa;
	padding: 0.5em;
	background: white;
	padding-left: 1em;
}

/**content of columns*/
#cols table {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border-spacing: 30px 0px;
	margin-bottom: 20px;
}

#cols td {
	width: 280px;
	border: 1px solid #aaaaaa;
	padding: 0.5em;
	background: white;
	padding-left: 1em;
}

#mg_assoc,#gd_assoc {
	line-height: 200%;
}

/****************/
/** Pagination **/
/****************/
#pagination a {
	background: #ddd;
	padding: 4px 6px;
	text-decoration: none;
	font-size: 10px;
	border: 1px solid #cac9c9;
	color: black;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#pagination strong,#pagination a:hover {
	background: white;
	padding: 4px 6px;
	text-decoration: none;
	font-size: 10px;
	border: 1px solid #cac9c9;
	color: black;
	text: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/************/
/** Footer **/
/************/

/** change background gray **/
#web_info {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	background-color: #ddd;
	border-top: 5px solid #ccc;
	width: 980px;
	height: 34px;
	padding: 1em;
	clear: left;
	float: left;
}

/** change background gray **/
#web_info a {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: black;
	background-color: #ddd;
	border-bottom: 1px solid black;
}

/***********/
/** Error **/
/***********/

/** change purple **/
.error {
	background-color: #eee;
	margin: 0 auto;
	width: 920px;
	border: 10px solid #B78BBB;
	bottom: 2em;
	margin-bottom: 1em;
	padding: 0.5em;
	padding-left: 2em;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0;
	line-height: 4;
	padding-left: 1.5em;
}

/************/
/** Jquery **/
/************/
#loading_div img {
	width: 275px;
	height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#info_div_1,#info_div_2,#info_div_3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
}