body { font-family:Arial; width:100%; height:100%; margin:0px; background:#e6e6e6; font-size:12px; color:#2F2F2F; }

a { color: #215783; text-decoration: none;}
a:hover { color: #519AD5}

td { font-size: 12px; font-family: Arial, Tahoma; }
th { padding-right: 2px; padding-left: 2px; font-weight: bold; font-size: 11px; padding-bottom: 2px; padding-top: 2px; }

img { border: 0px; }

h1 { }
h2 { }
h3 { }
h4 { margin-top:5px; margin-bottom:5px; margin-left:0px; padding:0px;}
h5 { }
h6 { }

#header { position:relative; top:0px; left:0px; width:100%; height:140px; background:#ffffff url('images/tb.gif') repeat-x 0px 131px; text-align:center; }
#header big a{ position:relative;
               left:-225px; /*change this to make top navigation links fit better*/
	top:100px; padding-left:0px; padding-right:25px; background:#ffffff url('images/da.gif') no-repeat right center;
	color: #999999; font-family:arial; font-size:12pt; font-weight:bold; border:1px solid #ffffff; text-decoration:none;
}
#header big span 
{
	position:relative; left:-225px; /*change this to make top navigation links fit better*/
	top:100px; padding-left:0px; padding-right:0px; color: #999999; font-family:arial; font-size:12pt;
	font-weight:bold; border:1px solid #ffffff; text-decoration:none; }
#header big a:hover{ color: #ffa100; border:1px solid #cccccc; }
#logo { background:url("images/logo.png"); position:absolute; z-index:2;
	top:20px; right:50%; margin-right:300px; padding:0px; width:192px; height:75px; border:none; }
.logo { background:url("images/logo.png");
    width:192px; height:75px; border:none; }
#image_join { position:absolute; z-index:2; top:10px; left:50%; margin-left:350px; padding:0px; width:130px; height:40px; border:none; text-align:right; }

.left-panel { position:relative; width:180px; float:left; padding-left: 10px;}
.left-panel div {font-weight:bold; margin-left: 10px; margin-right: 5px; margin-top: 2px; margin-bottom: 2px; }
.left-panel .sub { font-weight:normal; margin-left: 20px; margin-top: 1px; margin-bottom: 1px}

.center-panel {width:600px; float:left; padding-left: 8px;}

.right-panel { width:180px; top:0px; float:right; padding-right: 8px;} 

#footer { clear:both; position:relative; height:230px; text-align:center; color:#F8F8F8; background:#d1d1d1 url('images/ft.gif') repeat-x 0px 0px; padding-top:10px;}
#footer .flinks{width:1000px;text-align:left;margin:0px;padding:0px;height:150px;display:inline;left:auto;right:auto;}
#footer .flinks div{ line-height:2.1em;display: inline-table; width: 194px;height: 213px;position:relative;font-size:1.6em;}
#footer .flinks div a{text-decoration:underline;border-left:1px dotted #ffffff;font-family:verdana;line-height:1.3em;padding-left:10px;margin-left:7px;color:#404040;font-size:0.6em;}
#footer .flinks div a:hover{color:#FFFFFF;}

#osl-icon {z-index:100;position:absolute;top:30px;margin-left:25px;display:none;}

#box { position:relative; margin:5px; display:block; background:#ffffff url('images/panel/lt.gif') no-repeat; padding:5px; vertical-align:middle; }

.tr, .bl, .br { position:absolute; width:10px; height:10px; }
.tr { background:transparent url('images/panel/rt.gif') no-repeat; top:0px; right:0px; }
.bl { background:transparent url('images/panel/lb.gif') no-repeat; bottom:0px; left:0px; }
.br { background:transparent url('images/panel/rb.gif') no-repeat; right:0px; bottom:0px; }

.button { height: 24px; }

.grid { vertical-align: top; color: #454545; }
.grid-header { padding-left: 10px; font-weight: bold; font-size: 12px; height: 24px; text-align: left;background-color: #E7F1F9; }
.grid-item { border-right: white 1px solid; border-top: white 1px solid; vertical-align: top; border-left: white 1px solid; color: #454545; border-bottom: white 1px solid; background-color: white; }
.grid-pager { color: #dddddd; }
.emptydatarow { border: solid 1px #eaedf4; background-color:#eaedf4; text-align:center; vertical-align:middle;	font-weight:bold; font-family:Arial; font-size:10pt; }

#container {
	position:relative;
	width:980px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	text-align:left;
}

.info-box
{
	border: orange 1px solid;
	padding: 10px;
}

.comment
{
	font-family: Arial;
	font-size: 12px;
}

.comment-title
{
	font-weight: bold;
	font-size: 15px;
}

.comment span
{
	font-weight: bold;
	font-size: 16px;
}

.comment p
{
	padding-left: 2px;
}

.success-txt
{
	color: #29ADFF;
	font-weight: bold;
	font-size: 16px;
}

.error-txt
{
	color: Red;
	font-weight: bold;
	font-size: 16px;
}

.rating
{
	width:70px;
	height:14px;
	margin:0 10px 5px 0;
	padding:0;
	list-style:none;
	background: url('images/gui-stats-icons.png') no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.star0 {background-position:0 -100px;}
.star1 {background-position:0 -125px;}
.star2 {background-position:0 -150px}
.star3 {background-position:0 -175px}
.star4 {background-position:0 -200px}
.star5 {background-position:0 -225px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}

.loading 
{
 background:url(images/loading.gif) no-repeat white 10px;
 position:absolute; 
 width:120px; 
 border:1px solid #ddd; 
 text-align:center; 
 padding-right:20px; 
 padding-top:20px;
 padding-bottom:20px;
 padding-left:55px;
 top:50%; 
 margin-top:10px;
 right:50%;
 margin-right:-50px;
 }

.tt-comment
{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.title
{
	font-size: 12px;
	font-weight: bold;
}

.comment-txt
{
	color: green;
}

.uptimebar{
	width:92px;
	height:14px;
	margin:0 10px 5px 0;
	padding:0;
	list-style:none;
	background: url('images/gui-stats-icons.png') no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.tenper {background-position:0 -350px}
.twentyper {background-position:0 -375px;}
.thirtyper {background-position:0 -400px}
.fourtyper {background-position:0 -425px}
.fiftyper {background-position:0 -450px}
.sixtyper {background-position:0 -475px}
.seventyper {background-position:0 -500px}
.eightyper {background-position:0 -525px}
.nintyper {background-position:0 -550px}
.hunderedper {background-position:0 -575px}
ul.uptimebar li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.uptimebar li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}

/* White Box */
div .box-white{ margin: 0;background: #FFF; margin-bottom:5px; }

div .box-white b.rtop, div .box-white b.rbottom{display:block;background: #e6e6e6}
div .box-white b.rtop b, div .box-white b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFF}
div .box-white b.r1{margin: 0 5px}
div .box-white b.r2{margin: 0 3px}
div .box-white b.r3{margin: 0 2px}
div .box-white b.rtop b.r4, div .box-white b.rbottom b.r4{margin: 0 1px;height: 2px}
div .box-white div.content {padding:5px;}

.webdetail
{
	font-size: 11px;
}

.verifycode
{
	font-size: 18px;

}

.frameStats {
margin-top:5px; padding:3px 2px 0 3px;
}

.frameStats p {
font-size:.70em;
margin-bottom:.25em;
}

.panel-right { float:right; }
*:first-child + html .panel-right { float:none;}
* html .panel-right { float:none;}

#buttonproceed
{
display:block;
width:250px; height:29px;
padding-top:8px;
background: url('images/buttonProceed.png') no-repeat 0 0;
bottom:-22px; left:25px;
font:bold .90em Arial, Helvetica, sans-serif; text-align:center; color:#000000;

}

#buttonproceed:hover {
background-position:0 -40px;
text-decoration:none;
color:#005096;
}

.catname
{
	padding-left: 15px;
	font-weight: bold;
	color: #5A5573;
}

/* Ajax Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/rating/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(images/rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(images/rating/SavedStar.png);
}

/* End of Ajax Rating */