/* ----------------------------------------------
	Template Name : VectorLover
	Template Code : S-0026
	Version : 1.1   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/   
	Last Date Modified :  January 17, 2010
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

html, body {
    height: 100%;
}

body {
    background: #CCC url("../images/bg.gif") repeat-x;
    font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #6B6B6B;
    text-align: center;
}

/* links */
a, a:visited {
    color: #1C75BC;
    background: inherit;
    text-decoration: none;
}

a:hover {
    color: #73471B;
    background: inherit;
    text-decoration: underline;
}

/* headers */
h1, h2, h3 {
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    font-weight: Bold;
    padding: 10px;
    color: #444;
}
h1 {
    font-size: 2.9em;
}
h2 {
    font-size: 2.5em;
    color: #88AC0B;
}
h3 {
    font-size: 1.4em;
    font-weight: normal;
    padding: 0px 10px 4px 10px;
}
h5 {
    font: bold 1.6em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    padding: 10px 0px 5px 25px;
    margin-left: 5px;
    letter-spacing: -2px;
    border-bottom: 1px solid #988060;
    background-image: url("../images/dot.png");
    background-repeat: no-repeat;
    background-position:left;
}


/* Paragraph */
p { padding: 12px 10px;	}

/* Lists */
ul, ol {
    margin: 10px 20px;
    padding: 0 20px;
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}

/* images */
img {
    /*background: #FAFAFA;
      border: 1px solid #E4E4E4;*/
    padding: 8px;
}
img.float-right {
    margin: 5px 0px 10px 10px;
}
img.float-left {
    margin: 5px 10px 10px 0px;
}

code {
    margin: 5px 0;
    padding: 15px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
    /* white-space: pre; */
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
acronym {
    cursor: help;
    border-bottom: 1px dotted #895F30;
}
blockquote {
    margin: 15px 10px;
    padding: 5px 7px 5px 40px;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.6em;
    font-style: italic;
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #80614D;
    border: 1px solid #EEE8E1;
    background: #FAF7F5 url("../images/quote.gif") no-repeat 15px 15px;
}

/* start - table */
table {
    border-collapse: collapse;
    margin: 15px 10px;
}
th {
    height: 38px;
    padding-left: 12px;
    padding-right: 12px;
    color: #977C57;
    text-align: left;
    background: #FAF7F5;
    border-width: 1px;
    border-style: solid;
    border-color: #DDD #DDD #DDD #DDD;
}
tr {
    height: 34px;
    background: #fff;
}
td {
    padding-left: 11px;
    padding-right: 11px;
    border: 1px solid #DDD;
}
caption {
    color: #51432F;
    text-align:left;
    font-size:1.2em;
    font-weight: bold;
}
/* Start Sort Table Styling */
table.tablesorter {
    width: 90%;
    border: 1px solid #000;
}
table.tablesorter th {
    text-align: left;
    padding: 1px;
}
table.tablesorter td {
    padding: 1px;
}
table.tablesorter .even {
    background-color: #FFFFF2;
}
table.tablesorter .odd {
    background-color: #FFFFFF;
}
table.tablesorter .header {
    background-image: url("../images/sort_bg.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: left center;
    height: auto;
}
table.tablesorter .headerSortUp {
    background-image: url("../images/sort_asc.png");
    background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
    background-image: url("../images/sort_dsc.png");
    background-repeat: no-repeat;
}

/* end - table */

/* form elements */
form {
    margin: 20px 10px;
    padding: 15px 25px 25px 20px;
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
form p {
    border-bottom: 1px solid #ECE5DD;
    padding: 12px 0 5px 0;
    margin: 0;
    color: #9D6D37;
}
label {
    font-weight: bold;
    color: #A7743B;
}
input, select, textarea {
    margin: 5px 0;
    padding: 5px;
    color: #6A6969;
    border-width: 1px;
    border-style: solid;
    border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}

input[type=submit][disabled=disabled],button[disabled=disabled] {
    color: #aaaaaa;
}

option { padding-right: 0.5em; } 

input.button {
	padding: 8px 3px;
	margin-bottom: 5px;
    display: inline-block;
	max-width: 150px;
	margin:2px;
	height: 30px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 8pt;
	float: left;
	background-color: #D2D2D2;
	border: 1px solid #8e8e8e;
	-moz-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	background-image: -o-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	color: #545554;
	text-shadow: rgba(254,254,254,0.5) 0px 1px 0px;
}

input.button-run { 
    padding: 8px 3px;
	margin-bottom: 5px;
    display: block;
	width: 70px;
	margin:2px;
	height: 30px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 8pt;
	float: left;
	background-color: #85DD7C;
	border: 1px solid #158D34;
	-moz-box-shadow:inset 0px 0px 1px rgba(26,154,72,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(26,154,72,1);
	box-shadow:inset 0px 0px 1px rgba(26,154,72,1);
	background-image: -o-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	background-image: linear-gradient(90deg , rgb(112,201,101) 0%, rgb(182,237,176) 100%);
	color: #1d7819;
	text-shadow: rgba(254,252,252,0.5) 0px 1px 0px;
}

input.button-record { 
    padding: 8px 3px;
	margin-bottom: 5px;
    display: block;
	width: 70px;
	height: 30px;
	margin:2px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 8pt;
	float: left;
	background-color: #636877;
	border: 1px solid #3D3E48;
	-moz-box-shadow:inset 0px 0px 1px rgba(95,99,113,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(95,99,113,1);
	box-shadow:inset 0px 0px 1px rgba(95,99,113,1);
	background-image: -o-linear-gradient(90deg , rgb(98,106,123) 0%, rgb(137,140,150) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(98,106,123) 0%, rgb(137,140,150) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(98,106,123) 0%, rgb(137,140,150) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(98,106,123) 0%, rgb(137,140,150) 100%);
	background-image: linear-gradient(90deg , rgb(98,106,123) 0%, rgb(137,140,150) 100%);
	color: #FFFFFF;
	text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
}

#boss a { 
    padding: 4px 3px;
	margin-bottom: 5px;
    display: block;
	width: 120px;
	margin:2px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 8pt;
	float: left;
	background-color: #D85257;
	border: 1px solid #951119;
	-moz-box-shadow:inset 0px 0px 1px rgba(167,32,35,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(167,32,35,1);
	box-shadow:inset 0px 0px 1px rgba(167,32,35,1);
	background-image: -o-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	background-image: linear-gradient(90deg , rgb(208,69,72) 0%, rgb(243,146,147) 100%);
	text-shadow: rgba(254,252,252,0.5) 0px 1px 0px;
	color: #545554;
}

#link-button a { 
    padding: 8px 3px;
	margin-bottom: 5px;
    display: block;
	min-width: 70px;
	margin:2px;
	height: 20px;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 8pt;
	float: left;
	background-color: #D2D2D2;
	border: 1px solid #8e8e8e;
	-moz-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	background-image: -o-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	color: #545554;
	text-shadow: rgba(254,254,254,0.5) 0px 1px 0px;
}

/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 
#wrap {
    position: relative;
    width:90%;
    background: #FFF url("../images/wrap.gif") repeat-y center top;
    margin: 40px auto 30px auto;
    text-align: left;
}

#wrap-no-line {
    position: relative;
    width: 90%; /*952px*/
    background: #FFF/*url("../images/wrap-noline.gif") repeat-y center top*/;
    margin: 40px auto 30px auto;
    text-align: left;
    border:5px;
    border-color:#DDD;
/* rounded corners*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

/*height: 100%;*/
}

#content {
    clear: both;
    float: left;
    width: 100%;/*952px*/
    padding: 15px 0 60px 0;
/*height: 100%;
  background: #FFF url("../images/wrap-noline.gif") repeat-y center top;*/
}

#header {
    position: relative;
    width:100% /*952px*/;
    height: 110px; /*138px;*/
    background:#fff url('../images/portal_network.png') repeat-x;
    background-color:#fff/*#BDBBBB*/;
    color: #DDD;
    padding: 0;
    margin: 0;
/* rounded corners*/
    -moz-border-radius: 20px;
    -webkit-border--radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;

}
#header h1#logo-text a {
    position: absolute;
    margin: 0; padding: 0;
    font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    letter-spacing: -5px;
    text-decoration: none;
    color: #BDBBBB/*#332616*/;

    /* change the values of top and left to adjust the position of the logo*/
    top: 0px; left: 55px;
}
#header p#slogan a {
    position: absolute;
    margin: 5px;
    padding: 0;
    font: bold 15px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #322815;
    letter-spacing: -0.5px;
	
    /* change the values of top and left to adjust the position of the slogan*/
    top: 20px; right: 20px;
}

/* top-menu */
#top-menu {
    position: absolute;
    margin: 24px 2.5px;
    padding: 10px 15px 8px 15px;
    background: #FAF7F5 /*url(top-menu-2.gif) repeat-x*/;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #977C57;
    top: 0;
    right: 23px;
}

#top-menu p {
    margin: 0; padding: 0;
}
#top-menu a {
    font-weight: bold;
    color: #977C57;
}

/* Alternative top-menu */

.underlinemenu {
    width: 100%;
    bottom: 60px top:0px;
}

.underlinemenu ul{
    padding: 1px 0 60px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
    float:right;
    margin: -50px 2px;
    text-align: right; /*set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
    display: inline;
}

.underlinemenu ul li a{
	display: block;
	float: left;
    color: #003399; /*#fff;*/
    padding:2px 4px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
    margin-right: 10px; /*spacing between each menu link*/
    text-decoration: none;
    border-bottom: 4px solid orange; /*bottom border is 3px*/
    text-shadow: 1px 1px 2px #4D5A1C;
    height: 17px;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
    border-bottom-color: black;
    color: #FF9900;
}

/* Navigation */
#nav {
    width: 100%/*910px*/;
    height: 35px;
    margin: 0 0;
    padding: 0px 0px 0px 0px;
    background: url("../images/img03.jpg") repeat-x left top;}
#nav ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    line-height: normal;
}
#nav ul li {
    float: left;
    height: 35px;
    background: url("../images/img03.jpg") no-repeat right top;
}
#nav ul li a {
    display: block;
    float: left;
    height: 15px;
    margin-right: 3px;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 1px 1px 2px #4D5A1C;
    font-family: 'Lucida grande', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    border: none;
}
#nav ul li a:hover,
#nav ul li a:active {
    text-decoration: none;
    background: url("../images/img06.jpg") repeat-x left top;
}
#nav ul li.active {
}
#nav ul li.active a {
    background: url("../images/img06.jpg") repeat-x center top;
    float:left;
    color:#FFD39B;
}
/* Main Column */
#tab-main #main {
    float: left;
    width: 100%/*535px*/;
    padding: 10px;
    margin-left: 20px; /*0 0 0 40px;*/
    display: inline;
}

#main {
    float: left;
    width: 60%/*535px*/;
    padding: 0; 
    margin: 0 0 0 10px;
    display: inline;
}

#main h2 {
    font: bold 2.0em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    padding: 10px 0 5px 5px;
    margin-left: 5px;
    letter-spacing: -2px;
    border-bottom: 1px solid #FFB90F;
}

#main h2 a {
    color: #51432f;
    text-decoration: none;
}

#main h3 {
    font: bold 1.7em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', 'Arial', 'Sans-serif';
    color: #51432F;
    letter-spacing: -2px;
    border-bottom: 1px solid #988060;
    margin: 0px 2px 0px 5px;
    padding: 5px 0 5px 7px;
}

/*#main ul li {
    list-style-image: url("../images/bullet.gif");
}*/

#main h5 {
    font: bold 1.6em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    padding: 10px 0px 5px 25px;
    margin-left: 5px;
    letter-spacing: -2px;
    border-bottom: 1px solid #988060;
    background-image: url("../images/dot.png");
    background-repeat: no-repeat;
    background-position:left;
}

#main.sub-page {
    width: 100%/*873px*/;
}

.tab-contents {
    float: left;
    width: 90%/*535px*/;
    padding: 0;
    margin: 0 0 0 10px;
    display: inline;
}

#tab-main #sidebar {
    float: right;
    width: 30%/*285px*/;
    padding-top: 10px;
    margin: 0; /*0 45px 0 0;*/
    display: inline;
    color: #6B6B6B;
}
#tab-main #sidebar strong{
    color:#739A23;
    text-decoration:underline;
    font-weight:bold;
}
#sidebar {
    float: right;
    width: 30%/*285px*/;
    padding: 0;
    margin: 0 45px 0 0;
    display: inline;
}

#sidebar h3 {
    color: #51432F;
    font: bold 1.6em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    text-transform: none;
    letter-spacing: -0.5px;
    padding: 5px 0 5px 7px;
    margin: 10px 0 5px 10px;
    border-bottom: 1px solid #988060;
}

#sidebar h4 {
    /*border-bottom: 1px solid #988060;*/
    color: #51432F;
    font: bold 1.4em 'Lucida Grande', 'Trebuchet MS','Helvetica Neue',Arial,Sans-serif;
    letter-spacing: -0.5px;
    margin: 0 0 5px 10px;
    padding: 5px 0 5px 7px;
    text-transform: none;
}

/* sidebar menu */
#sidebar .sidemenu {
    margin: 10px 10px 5px 7px; padding: 0;
    text-decoration: none;
}
#sidebar .sidemenu li {
    list-style: none;
    margin: 0;
    padding: 8px 10px 0px 0px;
    border-bottom: 1px solid #ddd;
    list-style-image: url("../images/dot-small.gif");
}
* html body #sidebar .sidemenu li {
    height: 1%;
}
#sidebar .sidemenu li a {
    text-decoration: none;
    color: #739A23;
    background: none;
    font-weight: bold;
}
#sidebar .sidemenu li a span {
    color: #7F7F7F;
    font-size: .9em;

    font-family: Georgia, 'Times New Roman', Times, serif;
    /* font-style: italic; */
    font-weight: normal;
}
#sidebar .sidemenu li a:hover {
    color: #000;
    background: none;
}
#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar .sidemenu ul li { border: none; }

/* header quick search */
#sidebar form#qsearch {
    padding: 0; margin: 20px 0 30px 10px;
    border: none;
    width: 270px; height: 33px;
    background: #F2F0F0 url("../images/qsearch.gif") no-repeat;
}
#sidebar form#qsearch p {
    margin: 0; padding: 0;
}
#sidebar form#qsearch input {
    float: left;
    border: none;
    background: transparent;
    color: #B8B8B8;
    margin: 0;
}
#sidebar form#qsearch .tbox {
    margin: 5px 0 0 5px;
    width: 220px;
    display: inline;
    font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
}
#search form#qsearch .btn {
    width: 24px;
    height: 24px;
}

#sidebar form#qsearch label {
    display: none;
}

/* Main Content search */
#content form#qsearch {
    padding: 0; margin: 20px 0 30px 10px;
    border: none;
    width: 270px; height: 33px;
    background: #F2F0F0 url("../images/qsearch.gif") no-repeat;
}
#content form#qsearch p {
    margin: 0;
    padding: 0;
}
#content form#qsearch input {
    float: left;
    border: none;
    background: transparent;
    color: #B8B8B8;
    margin: 0;
}
#content form#qsearch .tbox {
    margin: 5px 0 0 5px;
    width: 220px;
    display: inline;
    font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
}
#search form#qsearch .btn {
    width: 24px;
    height: 24px;
}
#content form#qsearch label {
    display: none;
}

/* footer */
#footer {
    clear: both;
    width: 100%/*952px*/;    
    margin: 0;
    padding: 0px 0 0px 0;
    background: url("../images/img03.jpg") repeat-x left top;
    font-family: 'Lucida grande', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    border: none;
    text-align: center;
    letter-spacing: .2px;
    /* rounded corners
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;*/
}
#footer p a {
    padding:0px 0;
    clear: both;
    color: #DDD;
}
#footer a a:hover {
    text-decoration: none;
    clear: both;
    color: #333;
}
/* postmeta */
.post-footer {
    padding: 8px 10px;
    margin: 15px 10px 10px 10px;
    color: #977C57;
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
.post-footer .date { 
    margin: 0 10px 0 5px;
    padding: 7px;
    background: #FAF7F5 url("../images/clock.gif") no-repeat 0 2px;
    padding-left: 30px;
}
.post-footer a.comments {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url("../images/comments.gif") no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.readmore { 
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url("../images/doc.gif") no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.edit {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url("../images/edit-doc.gif") no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.network {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url("../images/network.gif") no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.bicluster {
    margin: 0 10px 0 5px;
    padding: 7px 5px;
    background: #FAF7F5 url("../images/bicluster.gif") no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}
.post-footer a.motif {
    margin: 0 5px 0 5px;
    padding: 3px 3px;
    background: #FAF7F5 url("../images/motif.gif") no-repeat 0 2px;
    padding-left: 30px;
    color: #977C57;
}

/* table top */
.table-top {
    padding: 4px 8px;
    margin: 10px 10px 10px 0px;
    color: #977C57;
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}
.table-top a.table-link {
    margin: 5px 5px 5px 15px;
    padding: 7px 5px;
    background: url("../images/table-link.png") no-repeat 0 4px;
    padding-left: 20px;
    color: #977C57;
}
.table-top a.link-desc {
    margin: 5px 5px 5px 15px;
    padding-left: 0px;
    font-weight: bold;
    font-style:normal;
    color: #000;
}

.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #333; }

/* comments list */
ol.commentlist {
    margin: 12px 10px;
    padding: 0;
    border-style: solid;
    border-color: #EEE8E1;
    border-width: 1px 1px 0 1px;
}
.commentlist li {
    margin: 0;
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #EEE8E1;
}
.commentlist li cite {
    display: block;
    font-style: normal;
    font-weight: bold;
    padding: 7px;
}
.commentlist li cite img {
    float: left;
    margin-right: 10px;
}
.commentlist li cite .comment-data {
    font-size: .8em;
    font-weight: normal;
}
.commentlist li .comment-text {
    clear: both;
    margin: 0; padding: 0;
}
.commentlist li.alt {
    background: #FAF7F5;
}
	
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    content: ".";
}

.hidden {
  display:none;
}

/* kmf additions for ui tabs */
#gene-tabs {
    width: auto;
    height:auto;
}

#note, #pop_up {
    width: 100%;
    height: 50%;
    background-color: #f0f0f0;
    overflow: auto;
    text-align: left;
}

#note p, #pop_up p {
    padding: 0 0.5em;
    margin: 0;
}

#note p:first-child, #pop_up p:first-child {
    padding-top: 0.5em;
}

#pop_up h1, h2 {
    font-size: 1.5em;
}

.ui-widget-content a, a:visited {
    color: #1C75BC;
}

/* The following .ui-dialog* changes are to enable the dialog css formatting on the
   bicluster page without changing the css of the tabs on that page */
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog-titlebar {
    border: 1px solid #4297D7;
    background: #5C9CCC url("../stylesheets/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50% 50% repeat-x;
    color: white;
    font-weight: bold;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 16px 0.1em 0;
}

.ui-widget-header a {
    color: white;
}

.wijmo-wijdialog-captionbutton {
    height: 18px;
    padding: 1px;
    width: 19px;
    display: inline-block;
    outline: none;
    text-align: left;
}

.wijmo-wijdialog-captionbutton:hover, .wijmo-wijdialog-captionbutton .ui-state-focus  {
    padding: 0;
}

.wijmo-wijdialog-captionbutton .ui-icon {
    margin: 1px;
}

.ui-dialog .ui-widget-header .ui-icon {
    background-image: url("../stylesheets/redmond/images/ui-icons_d8e7f3_256x240.png");
}

.ui-widget-content .ui-icon {
    background-image: url("../stylesheets/redmond/images/ui-icons_469bdd_256x240.png");
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-carat-1-n {
    background-position: 0px 0px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-dialog-titlebar .ui-state-hover, .ui-dialog-titlebar .ui-state-hover a, .ui-dialog-titlebar .ui-state-hover a:hover {
    color: #1D5987;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #79B7E7;
    background: none;
/*    background: #D0E5F5 url("../stylesheets/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x; */
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
    cursor: se-resize;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* NOTE: I commented out a line for .ui-tabs-hide in the main jquery-ui css file 
to make the following work how we'd like */
.ui-tabs-hide {
    position: absolute;
    left: -10000px;
    /*z-index: 1;*/
}

.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
    padding: 0em 1em 1em 1em;
}

/* for FF issue */
@-moz-document url-prefix() {
    .ui-tabs-hide {
	visibility: hidden;
	position: static;
	left: 0px;
	margin: -15px;
	height: 0px;
    }
}

#cytoscapeweb {
    /* width: 907px; */
    width: 100%;
    /*755px;*/
    height: 550px;
}

#cytoscapeweb2 {
    width: 755px;
    height: 550px;
}

#main ul.tabs li {
    list-style-image: none;
}

#residual, #weight, #residual2, #weight2 {
    border: 0px;
    color: #f6931f;
    font-weight: bold;
    background: none;
}

#filter, #filter2 {
    margin: 0px;
}

#filter-section, #filter-section2 {
    margin-top: 10px;
    padding-top: 10px;
    background-color: white;
}

#filter-1, #filter-3 {
    width: 300px;
    margin-left: 10px;
}

#filter-2, #filter-4 {
    width: 365px;
    position: relative;
    left: 250px;
    top: -20px;
}

#filter-2 input.ui-button, #filter-4 input.ui-button {
    font-size: 12px;
}

#search-results {
    margin: 20px 10px;
    padding: 15px 25px 25px 20px;
    border: 1px solid #EEE8E1;
    background: #FAF7F5;
}

/* taken from ajax-solr reuters example */
#pager, #pager-header {
    display: inline;
}

#pager li, .links li {
    list-style-type: none;
    display: inline;
}

.tagcloud {
    padding: 10px 15px 0;
}

.tagcloud_item {
    float: left;
    display: block;
    margin-right: 4px;
    color: #6998f0;
}

.tagcloud_item:hover {
    color: #f00;
}

/* tagcloud */
a.tagcloud_size_0 {
    font-size: 80%;
}

a.tagcloud_size_1 {
    font-size: 90%;
}

a.tagcloud_size_2 {
    font-size: 100%;
}/*Rst*/

a.tagcloud_size_3 {
    font-size: 110%;
}

a.tagcloud_size_4 {
    font-size: 120%;
}

a.tagcloud_size_5 {
    font-size: 130%;
}

a.tagcloud_size_6 {
    font-size: 140%;
}

a.tagcloud_size_7 {
    font-size: 150%
}

a.tagcloud_size_8 {
    font-size: 160%;
}

a.tagcloud_size_9 {
    font-size: 170%;
}

a.tagcloud_size_10 {
    font-size: 180%;
}

.facet-checkbox {
    margin-left: 15px;
}

input[type="checkbox"] {
    margin-right: 5px;
}

.facet-checkbox li {
    list-style: none;
}

#selection {
    padding: 10px 15px 0;
}

#selection li {
    list-style-type: none;
}

#search {
    margin: 0;
    padding-left: 10px;
    display: inline;
}

/*
#search input {
    width: 350px;
    background: url("../images/search.gif") no-repeat scroll 0 2px;
    background-position: right;
}
*/

#query {
    width: 350px;
    background: white url("../images/search.gif") no-repeat scroll 0 2px;
    background-position: right;
}

textarea#query {
    width: 600px;
}

.search_help {
    font-size: 80%;
    padding-left: 10px;
}

#gene_description {
    font-size: 100%;
    padding-left: 10px;
    color: #51432F;
}

#search_box {
    width: 60em;
    height: 12ex;
    background-color:#ffffff;
    background-image: url("/static/images/search.gif");
    background-repeat:no-repeat;
    background-position: right top;
}

#facet-display {
    float: left;
    width: 500px;
    padding: 0 0 10px 10px;
}

#facet-display h2 {
/*    font-size: 13px;*/
    padding-top: 20px;
    clear: left;
}

#browse {
    padding-left: 10px;
}

#browse h2 {
    font-size: 1.5em;
    color: #2F3C51; /*#A9A298;*/
    margin-left: 10px;
    font-style: italic;
}
#key {
    font-weight: bold;
}

#value1 {
    text-decoration: underline;
}

#navigation {
    border-bottom: 1px solid black;
}

#navigation ul {
    margin-left: -10px;
}

#result {
    text-align: justify;
}

#result-value {
    padding-left: 15px;
}

#result h2 {
    padding: 15px 0 5px 0;
    color: #B4241B;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: -2px;
}

#docs {
    padding-left: 10px;
}

#bicluster-top { 
    clear: both;
    padding: 0 10px 60px;
    width: 100%/*952px*/;
    height: 500px;
}

.post-top {
    background: none repeat scroll 0 0 #FAF7F5;
    border: 1px solid #EEE8E1;
    color: #929657;
    margin: 0 31px 10px 11px;
    padding: 8px 0;
    height: 20px;
    position: relative;
}

.post-top .name {
    background: none repeat scroll 0 2px #FAF7F5;
    color: #51432F;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 2px 0 5px;
    padding: 7px 7px 7px 0;
}

.post-top a.network {
    background: url("../images/network.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.post-top a.regulator {
    background: url("../images/bicluster.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.post-top a.motif {
    background: url("../images/motif.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.post-top a.function {
    background: url("../images/function.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.post-top a.genes {
    background: url("../images/genes.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.post-top a.cart {
    background: url("../images/cart.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.post-top a.help {
    background: url("../images/question.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}
.post-top a.comments {
    background: url("../images/comments.gif") no-repeat scroll 0 2px #FAF7F5;
    color: #977C57;
    margin: 0 10px 0 5px;
    padding: 7px 5px 7px 30px;
}

.ui-tabs .ui-tabs-nav li {
    display: inline;
}
/*.ui-tabs .ui-tabs-nav .ui-tabs-selected {*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border: solid 2px #977C57;
/*border-left: solid 3px #8B5A00;*/
}

#top-tabs {
    position: relative; /*absolute;*/
    top: -9px; /*-3px;*/
}

#top-tabs ul, ol {
    padding: 0;
}

#gene-function {
    padding-left: 10px;
}

td #gene-function {
    width: 125px;
}

li#gene-function {
    display: inline-block;
}

ul.gene-regulon {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
ul.gene-regulon li {
    display: inline-block;
}

table#motif {
    margin-top: 40px;
}

@-moz-document url-prefix() {
    #tab-network {
	position: absolute;
	top: 50px;
	padding: 0px;
    }

    #tab-regulator {
	position: relative;
	top: 40px; 
    }
    
    #tab-motif {
	position: relative;
	top: 40px;
    }

    #tab-function {
	position: relative;
	top: 40px; 
    }

    #tab-gene {
	position: relative;
	top: 40px;
    }

    #tab-add-cart {
	position: relative;
	top: 40px; 
    }
    
    #tab-help {
	position: relative;	
	top: 40px; 
    }

    .genes-table {
	margin-left: 10px;
	margin-top: 0px;
    }

    .genes-table td {
	padding-left: 2px;
	padding-right: 3px;
    }

    #cytoscapeweb {
	width: 900px; /*755px;*/
	height: 550px;
    }
}

.genes-table {
    margin-left: 10px;
    margin-top: 0px;
}

#tab-gene .genes-table {
    margin-left: 0px;
    margin-top: 0px;
}

.genes-table td {
    padding-left: 5px;
    padding-right: 5px;
}

#tab-gene {
    clear: both;
}

#tab-network {
    padding: 0px;
}

#canvas {
    margin-left: 10px;
}

#network-tabs #cytoscapeweb {
    width: 775px;
}

.gene-regulation {
    margin-left: 0px;
}

#regulators-table {
    margin-left: 10px;
}

#gene-tab-links {
    margin-left: 0;
    margin-right: 0;
}

.error_message {
    color: red;
    font-weight: bold;
}
#tablepager, #pager-block {
    display:block;
    position:relative;
    margin-top: -200px;
}

/* Main class */

#tab-main .main {
    float: left;
    width: 50% /*535px*/;
    padding: 10px;
    margin-left: 10px; /*0 0 0 40px;*/
    display: inline;
}

.main {
    float: left;
    width: 100%/*535px*/;
    padding: 0; 
    margin: 0 0 0 0;
    display: inline;
}

.main h2 {
    font: bold 2.0em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    padding: 10px 0 5px 5px;
    margin-left: 5px;
    letter-spacing: -2px;
    border-bottom: 1px solid #FFB90F;
}

.main h2 a {
    color: #51432f;
    text-decoration: none;
}

.main h3 {
    font: bold 1.7em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', 'Arial', 'Sans-serif';
    color: #51432F;
    letter-spacing: -2px;
    border-bottom: 1px solid #988060;
    margin: 0px 2px 0px 5px;
    padding: 5px 0 5px 7px;
}

.main ul li {
    list-style:none;/*list-style-image: url("../images/bullet.gif");*/
}

.main h5 {
    font: bold 1.6em 'Lucida Grande', 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
    color: #51432F;
    padding: 10px 0px 5px 25px;
    margin-left: 5px;
    letter-spacing: -2px;
    border-bottom: 1px solid #988060;
    background-image: url("../images/dot.png");
    background-repeat: no-repeat;
    background-position:left;
}

.sub-page {
    width: 97%/*873px*/;
    float: left;
    padding: 0; 
    margin: 0 0 0 20px;
    display: inline;
}

.tblDataSpace
{
    width: 100%; /*1300px*/;
}


.tblWorkflow
{
    width: 100%; /*1300px*/;
}


.tdcomponents
{
    width: 150px/*100px*/;
    overflow: hidden;
}

.divcomponents
{
    width: 100%; /*150px; */
    overflow: auto;
}

.divdataspace
{
    max-height: 600px;
    overflow: auto;
}

.dataspacelabel
{
    display: inline;
    white-space: wrap;
}

.selectDataAppliedHistory
{
    width: 100px;
}

.tdlistworkflow {
    overflow: hidden;
    width: 20%/*150px*/;
}

.divWorkflow
{
    overflow: auto;
    width: 100%;
    height: auto;
}

.tdworkflowcanvas
{
    width: 800px;
    height: 1000px;
}

.workflowcanvas
{
    background-color: transparent; width: 100%; height: 1000px
}

.component  
{
    padding: 0.5em; 
    background:none;
    width:50px;
    height: 25px;
}

.componenttitle
{
    margin-bottom: 5px;
    display: block;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 10pt;
	float: left;
	background-color: #D2D2D2;
	border: 1px solid #8e8e8e;
	-moz-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	background-image: -o-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	color: #545554;
	text-shadow: rgba(254,254,254,0.5) 0px 1px 0px;
}

.componenttitle a
{
    margin-bottom: 5px;
    display: block;
	width: 100px;
	height: 25px;
	border-radius: 4px;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 10pt;
	float: left;
	background-color: #D2D2D2;
	border: 1px solid #8e8e8e;
	-moz-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	-webkit-box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	box-shadow:inset 0px 0px 1px rgba(179,179,179,1);
	background-image: -o-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	background-image: linear-gradient(90deg , rgb(207,207,207) 0%, rgb(233,233,233) 100%);
	color: #545554;
	text-shadow: rgba(254,254,254,0.5) 0px 1px 0px;
}

.componentchildinput
{
    display: none;
}

.componentclose
{
    display: none;
}

.componentquestion
{
    display: none;
}
.componentsubactions
{
    display: none;
}

.workflowcomponent
{
    background: none repeat scroll 0 0 papayawhip;
    border-color: sandybrown;
    border-right: 2px solid sandybrown;
    border-style: solid;
    border-width: 8px 2px 2px;
    font-size: smaller;
    font-weight: bold;
    height: auto;
    overflow: auto;
    padding: 0.5em;
    position: absolute;
    width: 300px;
}

.workflowcomponentclose
{
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    text-indent: -900em;
    top: 4px;
    width: 10px;
}

.workflowcomponentquestion
{
    display: block;
    height: 30px;
    width: 30px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 40px;
}

.componentheader
{
   float: left;
}

.componenthelp
{
    display: inline;
    height: 30px;
    width: 30px;
    overflow: hidden;

}

.workflowcomponentchildinput
{
   display: block;
   width: 85%/*190px*/;
   height: 20px;
   font-size: 1.5em;
   float: left;
}

.workflowcomponentsubactions
{
   display: block;
   width: 90%/*190px*/;
   height: 30px;
   font-size: 1.5em;
}

.dataLabel
{

}

.dlgsaveworkflow
{
    display: none;
    border-width: 2px;
}

.dlgauthenticationalert
{
    display: none;
    border-width: 2px;
}

#divWorkflow ul li.unselectedworkflow {
    list-style-image: url("/static/images/bullet.gif");
    list-style-type: none;
}

#divWorkflow ul li.selectedworkflow
{
    list-style-image: url("/static/images/righthand.jpg");
}


#divReport ul li.unselectedworkflow {
    list-style-image: url("/static/images/bullet.gif");
    list-style-type: none;
}

#divReport ul li.selectedworkflow
{
    list-style-image: url("/static/images/righthand.jpg");
}

#ulctxExistingComponents
{
    list-style-type:none;
    padding-left: 0pt;
}

#ulctxExistingComponents li
{
   text-align: left;
   align: left;
}

#ulctxcomponents
{
    list-style-type:none;
    padding-left: 0pt;
}

#ulctxcomponents li
{
   text-align: left;
   align: left;
}

.workflowaccordion
{
    width: 95%; /*220px */;
    max-width: 250px;
}

.workflowreportcomponent
{
    background: none repeat scroll 0 0 papayawhip;
    border-color: sandybrown;
    border-right: 2px solid sandybrown;
    border-style: solid;
    border-width: 8px 2px 2px;
    font-size: smaller;
    font-weight: bold;
    height: auto;
    overflow: auto;
    padding: 0.5em;
    position: absolute;
    width: 300px/*300px*/;
    height: 300px;
}

.workflowreportimg
{
    width: 300px/*300px*/;
    height: 250px;
}

.workflowreportiframe
{
    width:300px/*300px*/;
    height: 250px;
}

.reportlabel
{
    display: inline;
    white-space: nowrap;
}

.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.awesome, .awesome:visited {
	background-color: #222;
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.awesome:hover {
	background-color: #111;
	color: #fff;
}
.awesome:active {
	 top: 1px;
}
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome:hover	{ background-color: #872300; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome:hover { background-color: #fc9200; }
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }

.fancybutton, .fancybutton:visited {
	background-color: #222;
	display: inline-block; 
	padding: 5px 5px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	border-radius:10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}



/* Sizes ---------- */
.small.awesome {
font-size: 10px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
margin: 0px 0px 0px 5px;
}
/* Sizes ---------- */
.small.fancybutton {
font-size: 10px;
}
.medium.fancybutton {
font-size: 13px;
}
.large.fancybutton {
font-size: 14px;
padding: 8px 14px 9px;
margin: 0px 0px 0px 5px;
}

 
/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}
/* Colors ---------- */
.blue.fancybutton {
background-color: #2daebf;
}
.red.fancybutton {
background-color: #e33100;
}
.magenta.fancybutton {
background-color: #a9014b;
}
.orange.fancybutton {
background-color: #ff5c00;
}
.yellow.fancybutton {
background-color: #ffb515;
}

.datagroupaccordion
{
    width: 95%; /*220px */;
    max-width: 250px;
}

#wfgrpaccordion ul
{
    list-style-type: circle;
}

.datagroupaccordiondiv
{
    max-height: 550px;
    scroll: auto;
}

.datagrpdivclass
{
    max-height: 80px;
    scroll: auto;
}

.datagroupdescriptiondiv
{

}

#wfgrpaccordion ul li
{
    list-style-type: circle;
}

.licaptureddata
{

}

.autoscrolldiv
{
    max-height: 900px;
    overflow: scroll;
    word-wrap: normal;
}

.historyinfo
{
    color: blue;
}

.warning
{
    color: blue;
}

.error
{
    color: red;
}

.info
{
    color: black;
}

.lblWarning
{
    color: red;
}

.selStateFiles
{
    max-width: 300px;
    max-height: 400px;
    scroll: auto;
    overflow-x: hidden;
}