/********************************************
 
/********************************************
   HTML ELEMENTS
********************************************/ 
/*Orange = #F4EBB5;*/
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	/*background: #555555;
	color: #555;*/
	color:black;
	/*font-family: arial, Verdana, Tahoma, sans-serif;*/
	font-family:"Segoe UI", arial;
	font-size: 10pt;
	/*font-weight: lighter;
	line-height: 1.5em;
	background:#e6e6e6;*/
}

/* links */
a, a:visited {
	text-decoration: none;
	/*color: #2180BC;*/
	color:#2180BC;
	background: inherit;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}


ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

input {
	/*padding:2px;*/
	border:1px solid #D4E59F;
	color:#777;
	font-family:"Segoe UI", arial;
	font-size: 9pt;
	height:20px;
	background: #F2F0E9;
}

.boxes
{ 
	float: left; 
	margin: 5px; 
	border: 1px dotted orange;	 
	padding: 10px 10px;
}


.invisible_box
{ 
	float: left; 	
	border: 0px dotted orange;	 
	padding: 10px 5px 10px 2px;
}

textarea {
	padding:2px;
	/*border:1px solid #2781C0;*/
	color:#777;
	font-family:"Segoe UI", arial;
	font-size: 9pt;
    border-color: #D4E59F;
	border-style: solid;
	border-width: 1px;
	background: #F2F0E9;
}

/*background-color:#3b5998;*/
input.button, .inputsubmit{
	border-style:solid;
	border-width:1px;
	border-color:#d9dfea #0e1f5b #0e1f5b #d9dfea;	
	/*background-color:#3b5998;#FF9900#D4E59F;
	border-color:#D2691E #D2691E #D2691E #D2691E;	*/
    background-color:#FF9900;
	color:black;
	padding:2px 15px 3px 15px;
	height:25px;
	text-align:center;
	}
/*
input.button, .inputsubmit{
	border-style:solid;
	border-width:2px;
	border-color:#FF9900;	
    background-color:#555555;
	color:white;
	padding:2px 15px 3px 15px;
	height:25px;
	text-align:center;	
	}*/
	
input.button:hover {
	border-style:solid;
	border-width:1px;
	border-color:#d9dfea #0e1f5b #0e1f5b #d9dfea;
	background-color:#D4E59F;
	color:black;
	padding:2px 15px 3px 15px;
	height:23px;
	text-align:center;
	cursor:pointer;
	}
	
input.button2{
	border-style:solid;
	border-width:1px;
	border-color:#d9dfea #0e1f5b #0e1f5b #d9dfea;
	background-color:#6BA850;
	color:#fff;padding:2px 15px 3px 15px;
	height:15px;
	text-align:center}



.input_combo {
	border:1px solid #D4E59F;
	color:#777;
	font-family:"Segoe UI", arial;
	font-size: 9pt;
	height:22px;
}


input[type="checkbox"] {
    vertical-align: middle;
}


input[type="checkbox"] + label span {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

input[type="checkbox"]:checked + label span {
    vertical-align: middle;
}

input[type="radio"] {
    vertical-align: middle;
}


input[type="radio"] + label span {
    display: block;
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

input[type="radio"]:checked + label span {
     vertical-align: middle;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 820px;
	background: #CCC url(content2.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	clear: both;
	width: 760px;
	padding: 0; 
	margin: 10px auto;
}
#header {
	width: 820px;
	position: relative;
	height: 103px;
	background: #CCC url(header.jpg) no-repeat center top;
	padding: 0;	
	color: #FFF;	
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 10px;	
}
#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 70px; left: 55px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 20px; right: 30px;	
	color: #C6DDEE;
	font-size: 10px;	
}
#header #header-links a {	
	color: #FFF;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #D4E59F;	
}


.mainh2 {
	margin-top: 10px;
	margin-bottom:10px;
	font: Bold 'Trebuchet MS', Tahoma, Sans-serif;
	color: #3b5998; 
	padding: 5px 5px 5px 1px; 	
	text-transform: none;
	display:inline;
	font-size:20px;
	font-stretch:expanded;
	text-align: left;
}

.subHedder {
	font-family:"Segoe UI", arial;;
	font-size: 11px;
	color: #2781C0;
	background-color: #D4E59F;
	font-weight: bold;
	padding: 2px;
}
.small_header {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	color: #D4E59F;
	background-color: #2781C0;
}

.table_header1 {
	font-family:"Segoe UI", arial;
	font-size: 10pt;
	color: #3b5998;
	background-color: #D4E59F;
	border-top:#096;
	font-weight:bold;
	padding-left: 5px;
	height: 30px;
}

.table_header2 {
	font-family:"Segoe UI", arial;
	font-size: 10pt;
	color: #3b5998;
	/*background-color: #D4E59F;*/
	border-top:#D4E59F;
	font-weight:bold;
}

.table_left_border {
	color: #FFF;
	border-left-color:#D4E59F;
	border-left-width:thin;
	border-left-style:solid;
}

.table_bottom_border {
	color: #FF9900;
	border-bottom-color:#D4E59F;
	border-right-width:thin;
	border-right-style:solid;
	border-right-color:#D4E59F;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#D4E59F;
	border-bottom-width:thin;
	border-bottom-style:solid;
}

.table_all_border {
	background-color:#f3f1e7;
	border-bottom-color:#FF9900;
	border-right-width:thin;
	border-right-style:solid;
	border-right-color:#FF9900;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#FF9900;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#FF9900;
	vertical-align:center;
	text-align:center;	
}

.table_right_border {
	color: #FF9900;
	border-right-color:#D4E59F;
	border-right-width:thin;
	border-right-style:solid;
}

.bottom_menu {
	background-color:#3b5998;
	color:#FF9900;
	/*font-weight:bold;*/
	border-right-color:#FFF;
	border-left-style:dotted;
	border-left-width:thin;
	text-align:center;	
}

.bottom_menu2 {
	/*background-color:#3b5998;*/
	color:#FF9900;
	/*font-weight:bold;*/
	border-left-color:#FF9900;
	border-left-style:dotted;
	border-left-width:thin;
	text-align:center;
	vertical-align:center;	
}

.left_main_seperator {
	color:#FF9900;
	/*font-weight:bold;
	border-left-style:solid;
	border-left-width:wide;*/
}

.small_highlited {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	color: #2781C0;
}
.medium_header {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	border: 1px solid #063;
	font-weight: bold;
}

.large_header {
	font-family:"Segoe UI", arial;
	font-size: 10pt;
	font-weight: bold;
    color: #FF9900;
}

.small_data_1 {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	font-weight:normal;
}
.small_data_1_Bold {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	font-weight:bold;
}
.small_data_2 {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	background-color:#DDD;
}
.small_data_3 {
	font-family:"Segoe UI", arial;
	font-size: 8pt;
	background-color: #F4F8FD;
}

hr.devider {
    color: #FF9900;
}

#results table {
	width:100%;
}

#results th {
	/*background-color:#3b5998;*/
	color:#FF9900;
	text-align:left;
    font-weight:normal;
    margin-left:3;
}

#rcon_results table {
	width:100%;
}

#rcon_results td {
	/*background-color:#3b5998;*/
	color:#555;
	/*text-align:center;*/
    font-weight:normal;
    margin-left:3;
	font-size: 9pt;
}


#results td {
	/*background-color:#3b5998;*/
	color:#555;
	text-align:left;
    font-weight:normal;
    margin-left:3;
	font-size: 10pt;
}


.result_header {
	/*background-color:#3b5998;*/
	color:#FF9900;
	text-align:left;
    font-weight:normal;
    margin-left:3;
}

.odd {
	background-color: #F6F7D0;
	font-family:"Segoe UI", arial;
	height: 18;
}
.even {
	background-color: #FFF;
	font-family:"Segoe UI", arial;
	font-size: 9pt;
	height: 18;
}

.alert {
	font-family:"Segoe UI", arial;
	font-weight:normal;
	font-size: 9pt;
	color:#F00;
}

.okalert {
	font-family:"Segoe UI", arial;
	font-weight:normal;
	font-size: 11pt;
	color:Green;
}

div.top {
	position:relative;	
	top:0px;
	left:0%;
    width: 100%;
    /*height: 122px;*/
	float:top;
    border: 0px solid #73AD21;
	background:white;
}  
div.left 
{  
	position:fixed;
    float:left;
    width: 185px;
    border: 0px solid #73AD21;
	margin: 0px;
	padding: 0px;
	top: 105px; 
}
div.main1
{
	position:relative;
	margin: auto;
	padding: 0px;
	width:100%;
	
	/*float:left;
	max-width: 950px;
	top: 68px;*/
	top: 0px;
	border: 0px solid #73AD21;
	background:white;
}

div.bottom
{	
	position:relative;
    border: 0px solid #73AD21;
	margin: 0px;
	padding: 0px;
	left: 0%;	
	width: 100%;	
	overflow: auto;
	background:#555555;
}

.logo_text {
    /*position: absolute;*/
	margin: 0; padding: 0;
	font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FF9900;
	text-transform: none;
	text-decoration: none;
	background: transparent;
	/* change the values of top and left to adjust the position of the logo
    top: 1px; left: 500px;	*/
}
.slogan {
	/*position: absolute;*/
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FF9900;
	letter-spacing: 0px;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 42px; left: 60px;		
}
.slogan2{
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FF9900;
	letter-spacing: 0px;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 40px; left: 1px;		
}

.logo_text_pages {
    /*position: absolute;*/
	margin: 0; padding: 0;
	font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	/*text-transform: none;
	text-decoration: none;
    background: transparent;*/
    background-color: #FF9900;
	
	
	/* change the values of top and left to adjust the position of the logo
    top: 1px; left: 500px;	*/
}
.slogan_pages {
	/*position: absolute;*/
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	letter-spacing: 0px;
    background-color: #FF9900;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 70px; left: 1px;		
}

.styled-select select {
   background: transparent;
   width: 200px;
   padding: 3px;
   font-size: 12px;
   border: 1px solid #D4E59F;
   height: 23px;
   font-family:"Segoe UI", arial;
   background: #F2F0E9;
}

.styled-select option {
   /*background: transparent;
   width: 200px;*/
   padding: 3px;
   font-size: 12px;
   /*border: 1px solid #ccc;
   height: 24px;*/
}

 select {
   background: transparent;
   width: 200px;
   /*padding: 3px;*/
   font-size: 12px;
   border: 1px solid #D4E59F;
   height: 23px;
   color:#777;
   font-family:"Segoe UI", arial;
   background: #F2F0E9;
}

option {
   /*background: transparent;
   width: 200px;*/
   padding: 3px;
   font-size: 12px;
   color:#777;
   /*border: 1px solid #ccc;
   height: 24px;*/
}

.rank1 {
  /*position:         absolute;*/
  text-align:       center;
  /*top:              20px;*/
  font-size:        small;
  background-color: white;
  color:            black;
  border:           thin solid #FF9900;
  width:            20px;
  display:inline-block;
  vertical-align:middle;
  /*z-index:            99;*/
}

.rank2 {
  /*position:         absolute;*/
  text-align:       center;
  /*top:              20px;*/
  font-size:        small;
  background-color: #FF9900;
  color:            white;
  border:           thin solid black;
  width:            20px;
  display:inline-block;
  vertical-align:middle;
  /*z-index:            99;*/
}

.rank4 {
  /*position:         absolute;*/
  text-align:       center;
  /*top:              20px;*/
  font-size:        small;
  background-color: #FF9900;
  color:            white;
  border:           thin solid black;
  display:inline-block;
  vertical-align:middle;
  /*z-index:            99;*/
}

.rating_comment1
{
	font-style:italic;
}

.rating_score {
    background-image: url(./star-on-big.png);
	font-size:        8pt;
	width:            30px;
	height:           17px;
	padding: 7px 0px;	
	text-align:       center;	
	color:            black;
	display:table-cell; 
	vertical-align:middle;
	display:inline-block;
	font-weight:bold;
}

.rating_score2 {
    background-image: url(./star-on-big2.png);
	font-size:        small;
	width:            30px;
	height:           20px;
	padding: 5px 0px;	
	text-align:       center;	
	color:            black;
	display:table-cell; 
	vertical-align:middle;
	display:inline-block;
	font-weight:bold;
}

.search_result_cell {	
	color:            blue;
	font-size:10pt; 
	font-weight:none;
}

.search_result_cell_link {	
	background-color:#555555;
	color:            #FF9900;
	font: normal 10pt "Segoe UI Web Regular","Segoe UI","Segoe UI Web Light","Segoe UI Light","Helvetica Neue",arial;
	border:           thin solid #555555;	
	/*font-size: 10pt; 
	font-weight: bold;
	text-decoration: underline;
	//color:            #FF9900;*/
}

.more_link {		
	color:            black;
	font: normal 10pt "Segoe UI Web Regular","Segoe UI","Segoe UI Web Light","Segoe UI Light","Helvetica Neue",arial;
	border:           thin solid #FF9900;
	padding: 3px 5px 3px 5px;
	border-radius: 5px;		
	/*font-size: 10pt; 
	font-weight: bold;
	text-decoration: underline;
	background-color:#555555;
	//color:            #FF9900;*/
}

.result_link_nocolor{	
	font-size:11pt; 
	font-weight:none;
}

.rank3 {	
	color:            #FF9900;
	font-size:10pt; 
	font-weight:bold;
}

.cell_main {
	display:inline-block;	
}

.arrtName {
	/*background-color:#3b5998;
	color:#555;*/
	color:black;
	text-align:left;
    font-weight:normal;
    margin-left:3;
	font-size: 9pt;
}

.arrtNameWhite {
	/*background-color:#3b5998;*/
	color:white;
	text-align:left;
    font-weight:normal;
    margin-left:3;
	font-size: 9pt;
}

.result_count {
  /*position:         absolute;
  background-color: #FF9900;*/
  text-align:       center;
  /*top:              20px;*/
  font-size:        small;  
  color:            #FF9900;
  display:inline-block;
  vertical-align:middle;
  /*z-index:            99;*/
}

.table_ash_bottom_border {
	color: #78D168;
	background-color: #D2D2D2;
	border-bottom-color:#D2D2D2;
	border-right-width:thin;
	border-right-style:solid;
	border-right-color:#D2D2D2;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#D2D2D2;
	border-bottom-width:thin;
	border-bottom-style:solid;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 6px;
	left: 0px;
	z-index: 1;
}

input.fake2{
	position: relative;
	top: -6px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.thumb {
  max-width: 150px;
  max-height: 250px;
  width: expression(this.width > 150px ? "150px" : true);
  height: expression(this.height > 250px ? "250px" : true);
}

.thumb2 {
  max-width: 75px;
  max-height: 100px;
  width: expression(this.width > 75px ? "75px" : true);
  height: expression(this.height > 100px ? "100px" : true);
}

.thumb3 {
  max-width: 60px;
  max-height: 80px;
  width: expression(this.width > 75px ? "75px" : true);
  height: expression(this.height > 100px ? "100px" : true);
}

.thumb4 {
  max-width: 260px;
  max-height: 150px;
  width: expression(this.width > 260px ? "260px" : true);
  height: expression(this.height > 150px ? "150px" : true);
}

.left_header
{
	color:#3b5998;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:underline;
}

.left_header_white
{
	color:#FF9900;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:underline;
}

.orange_link
{
	color: #FF9900;
}

.white_link
{
	color: white;
}


.left_dotted_boarder {
	border-bottom-color:#D2D2D2;
	border-bottom-width:thin;
	border-bottom-style:dotted;
	vertical-align:middle;
	/*height:22px;*/
	color: #555555;
}

.right_dotted_boarder {
	border-right-color:#FF9900;
	border-right-width:thin;
	border-right-style:dotted;
	vertical-align:middle;
	/*height:22px;*/
	color: #555555;
} 

.left_top_dotted_boarder {
	border-left-color:#D2D2D2;
	border-left-width:thin;
	border-left-style:dotted;	
	border-top-color:#D2D2D2;
	border-top-width:thin;
	border-top-style:dotted;
	vertical-align:middle;
	/*height:22px;*/
	color: #555555;
}

.search_highlighted {
	color:  #D2691E;
	font-size: 10pt; 
	font-weight: bold;
}

.subject_link {
	color:  #555555;
	font-size: 12pt;
	font-weight: bold;
}


.vertical_div 
{
  display:inline-block;
  vertical-align:middle;
}

.left_main_boarder {
	border-left-color:#FF9900;
	border-left-width:3px;
	border-left-style:solid;
	vertical-align:middle;
	color: #FF9900;
}

.right_main_boarder {
	border-right-color:#FF9900;
	border-right-width:3px;
	border-right-style:solid;
	vertical-align:middle;
	color: #FF9900;
}

.highlight {
  position:         absolute;
  text-align:       center;
  top:              43px;
  right:			19px;
  font-size:        small;
  background-color: #555555;
  color:            white;
  border:           thin solid #D4E59F; /* #FF9900;*/
  width:            120px;
  z-index:            99;
  font-weight: normal;
}

/*tooltip begin */
.ui-tooltip, .arrow:after {
background: white;
border: 1px solid orange;
}
.ui-tooltip {
padding: 10px 20px;
color: black;
/*border-radius: 20px;*/
font: normal 11px "Segoe UI Web Regular","Segoe UI","Segoe UI Web Light","Segoe UI Light","Helvetica Neue",arial;
box-shadow: 0 0 7px white;
}

.arrow {
width: 70px;
height: 0px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
/*Tooltip End */


pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  font: normal 12px "Segoe UI Web Regular","Segoe UI","Segoe UI Web Light","Segoe UI Light","Helvetica Neue",arial;
}

.error
{
	color: red;
}

select optgroup{
    background:#555555;
    color:#FF9900;
    font-style:normal;
    font-weight:normal;
	left: 5px;
    }
	
.container{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	background-color: orange;
	padding: 50px;
}

#captchaImage {
	width: 150px;
	height: 40px;
	float: left;
	border: 1px solid gray;
	background-image: url("./0.jpg");
}

.success {
	background-color: green;
}

/*
colors 
green - 78D168, 397D2A
Orange - F9BA89, B14F0C
purple - DAAEC2, 813D5F
yellow - FCFA90, A0981D
blue - 9DB7E8, 28518E
*/