* { padding:0; margin:0;}
html { font-size:100.01%;}
body { font-size:11px; font-family:Verdana, Candara, Arial,serif, Georgia, Times,  Helvetica, sans-serif; background:#b7b6ae;color:#2e2d27;}


/*Verdana, Geneva, sans-serif;  Georgia, Times, serif, Arial, Helvetica, sans-serif; background:#b7b6ae; color:#2e2d27;*/

.clear { clear: both;}

table, td, div, img { border:0; vertical-align:middle; /*border-collapse:collapse;*/}
table, td{font-size:12px;}
td {vertical-align:top;}
th{text-align:center; background-color:#dddddd;border-radius:3px; border:1px solid #cccccc; border-top:0px; border-left:0px; padding:5px;text-transform: uppercase;font-size:10px;}
th:first-child{border-left:0px;}
th:last-child{border-right:0px;}
th.ta-left{text-align:left;}
td.td-center{text-align:center;}
ul, li { list-style: none;}
p { padding:0px 0px 18px 0px;}

a:hover, .comments a:hover {text-decoration: underline; color:#bb3521;}
a, .comments a {text-decoration: none;color:#bb3521;}



input, select, textarea { vertical-align:middle; /*font-family: Georgia; font-size:12px; */ color:#6f6f6f;}
input.text, select, textarea { padding:2px 0px 3px 6px; /*border:1px solid #cac6ab;*/}
input[type=radio]{width:20px;height:20px;}
html body textarea { font-family: Georgia; font-size:12px; color:#6f6f6f;}




/*
#bb3521;
#ddded5;
http://html-generator.weebly.com/css-textbox-style.html
*/        
.formInput:-webkit-input-placeholder {
    color: #b5b5b5;
}

inputs-moz-placeholder {
    color: #b5b5b5;
}

.formInput {
    background: #f5f5f5;
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 13px 10px;
    width: 270px;
    margin-bottom: 20px;
    box-shadow: inset 0 2px 3px rgba( 0, 0, 0, 0.1 );
    clear: both;
}

.formInput:focus {
    background: #fff;
    box-shadow: 0 0 0 1px #bb3521, inset 0 2px 3px rgba( 0, 0, 0, 0.2 ), 0px 5px 5px rgba( 0, 0, 0, 0.15 );
    outline: none;
}






/*** Main ***/
.main {/* width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%");*/ width:980px;text-align:center;margin:0px auto;/* min-width:980px;*/}
/*.main { }*/

.header {position:relative; overflow:hidden; background:#deddd5; border-bottom:0px solid #b7b6ae;text-align:left;}

.navigation-top { background:#deddd5; /*height:100%;*/ overflow:hidden;}
.navigation-bot { width:906px; margin:0 auto;}

.header-width {/*width:906px;*/ margin:0 auto;}



@-moz-document url-prefix(){ body .box .more { padding-top:12px; } } /*for mozilla*/

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
.box .more { padding:11px 6px 0px 0px; }
}

/*** Menu ***/
.main-menu { clear:both; overflow:hidden; border:solid #acaba5; border-width:0px 0;}
.main-menu-border { border:0px solid #b7b6ae; border-width:1px 0; /*background:#b7b6ae;*/}
.menu {/* width:906px; */margin:0 auto; overflow:hidden;text-align:center;}

.menu ul { list-style:none; width:100%; overflow:hidden;}
.menu ul li { float:left; height:100%; width:139px; margin:0px 0px 0px -2px; padding:0px 1px 0px 1px; border-right:1px solid #f0f0f0; border-radius:5px;}
.menu ul li:last-child{border-right:0px solid #f0f0f0;width:140px;}

.menu ul li a {  width:139px; display:block; float:left; overflow:hidden; text-decoration:none; text-align:center;text-transform:uppercase; }
.menu ul li a { font-size:0.95em; font-weight: bold; color:#2e2d27; cursor: pointer;}
.menu ul li span { display:inline-block; /*float:left;*/ width:100%; height:100%; line-height:45px; }

.menu ul li a:hover {}
.menu ul li a:hover span {}
.menu ul li a:hover span {}

.menu ul li a:hover { color:#92b049; font-weight: bold;}
/*.menu ul li a:hover,*/ .menu ul li.current_page_item a { color:#fff; font-weight: bold;}

.menu ul li.current_page_item a {background:#d45c4a;}
.menu ul li.current_page_item a span {}
.menu ul li.current_page_item a span { background:#d45c4a;}

/*** Logo ***/
.logo {}
.logo .indent { padding:20px 0px 18px 0px; overflow:hidden;/* height:100%;*/ border:0px solid #ff0000;}
.logo h1 { width:225px; height:50px; float:left; margin:0px 0px 0px 0px; font-family:Times New Roman; font-size:51px; font-weight: bold; color:#000; cursor:pointer; text-indent:0px; overflow:hidden;}
.logo h1:hover { text-decoration:none;}
.logo a{font-size:1.2em;}
.description { float:left; width:253px; height:26px; margin:20px 0px 0px 0px; font-size:11px; font-weight: normal; color:#999999; text-indent:0px; overflow:hidden;}

/*** Login ***/
#signin {padding:5px 0px 0px 0px; border:0px solid #999999; margin-bottom:0px; padding:3px; /*font-size:14px;*/}
/*.signin form {padding:0px 0px 2px 0px;}*/
#signin .text { width:166px !important; height:19px; padding:3px 0px 4px 6px; color:#000; border:0; background: transparent; margin:0px 11px 0px 0px; /*background:url(../images/search-bg.gif) no-repeat 0 1px;*/}



/*** Column ***/
.content { clear:both; overflow:hidden; border-top:1px solid #fff; background:#deddd5; padding:0px 0px 5px 0px; text-align:left;}
.content-width { width:906px; margin:0 auto; padding:0px 0px 0px 0px;}

.column-left { width:238px; float:left; margin:0px 4px 0px 0px; _margin-right:1px;}
.column-right { width:238px; float:right; margin:0px 0px 0px 4px; _margin-left:1px;}

/*********/
#search form { padding:0px 0px 0px 0px;}
#search form .text { margin:0px 6px 0px 20px;}

.widget_calendar table { margin:0px 0px 0px 20px;}

.widget_tag_cloud h2 { text-align:left;}
.widget_tag_cloud { text-align:center;}
.widget_tag_cloud a {text-align:center; padding:0px 4px 0px 4px;}

.widget table a {}

.widget_text h2 {}
.widget_text { background: none;}
.widget_text div {background: none;}
.widget_text .widget-bg {background: none;}

.textwidget { padding:0px 0px 0px 20px;}
.textwidget {}


/*** Content  ***/
.column-center { overflow:hidden; /*height:100%;*/ position:relative;}

.column-center .bg-top { margin:0px 0px 4px 0px;}


.column-center .corner-right-bot {  overflow:hidden; padding:10px 1px 0px 1px;}

.column-center .indent { overflow:hidden; /*height:100%;*/ min-height:600px; padding:0px 0px 16px 0px;}

.column-center .title { overflow:hidden; /*height:100%; border-bottom:1px solid #fff;*/ padding:13px 20px 8px 25px; }

.column-center .title h2 { font-size:1.2em; font-weight: bold; color:#2e2d27; overflow:hidden; /*height:100%;*/ padding:0px 0px 6px 0px;}
.column-center .title h3 { font-size:1.1em; font-weight: bold; color:#2e2d27; overflow:hidden; /*height:100%;*/  padding:0px 0px 6px 0px;}

.column-center .title h2 a, .column-center .title h3 a { color:#2e2d27; text-decoration:none;}
.column-center .title h2 a:hover, .column-center .title h3 a:hover { text-decoration: underline;}

.column-center .title .author { font-size: 1.2em; color:#bb3521; padding:0px 0px 3px 0px;}
.column-center .title .date { font-size: 1.2em; color:#bb3521; padding:0px 0px 0px 0px; }

.title-page {padding:13px 20px 8px 25px;}
.title-page * {  font-size:1.8em; font-weight: normal; color:#2e2d27; padding:0px 0px 6px 0px;}	


.text-box { clear:both; font-size:1.0em; overflow:hidden; /*height:100%;*/ line-height:1.5em; padding:12px 18px 0px 25px; border-top:0px solid #c0bfb9;}

.text-box p { padding:0px 0px 14px 0px;}
.text-box p span { color:#747474;}

.text-box .img { margin:-80px 0px 0px 0px;}

.text-box .line { height:1px; overflow:hidden; margin:1px 0px 16px 0px;}
.text-box .more-link { padding:5px 25px 0px 0px;}
.text-box .more-link a { float:right; text-indent:-1000em; overflow:hidden; width:148px; height:18px; }

.text-box .fleft { padding:0px 0px 0px 0px; display: inline;}
.text-box .fleft img { float:left; direction: inherit; margin:4px 20px 4px 0px;}

.text-box .fright { padding:0px 0px 0px 0px; display: inline;}
.text-box .fright img { float:right; direction: inherit; margin:4px 2px 4px 20px;}
/*.text-box  table {line-height:20px; border-spacing: 10px;border-collapse: collapse;}*/
.text-box  table td {/*height:45px; display:table-cell;*/padding:8px 2px;vertical-align:top;}

.text-box  form input[type='text'], input[type='password']{ height:22px; width:300px;}
.text-box  form textarea {width:420px;}


.column-center .border-bottom { border-bottom:0; padding-bottom:0px;}

/***  ***/
.column-center 	.comments { float:left; width:40px; height:29px; line-height:24px; margin:-10px 15px 0px 25px; _margin-left:12px; text-align:center;}
.column-center 	.comments a { text-decoration:none; color:#fff; font-size:1.8em;}
.column-center 	.comments a:hover { text-decoration:underline; color:#fff;}

.more-link { float:left; overflow:hidden; margin:-3px 0px 0px 0px;}
.more-link a { font-size:1.2em; color:#bb3521; padding:0px 12px 0px 0px;}

.link-edit a, .navigation a { font-size:1.2em; color:#2e2d27;}

.link-edit { clear:both; padding:10px 25px 5px 25px;}
.navigation { clear:both; padding:10px 25px 5px 25px;}
.navigation a { text-decoration:none;}
.navigation a:hover { text-decoration:underline;}


/*******/
.text-box h1 { font-family:Candara; font-size:1.15em; font-weight:bold;line-height:1.2em; font-weight: bold; color:#000;}
.text-box h2 { font-family:Candara; font-size:1.12em; line-height:1.2em; font-weight: bold; color:#000;}
.text-box h3 { font-family:Candara; font-size:1.1em; font-weight:bold; line-height:1.2em; color:#000;}
.text-box h4 { font-family:Candara; font-size:1.05em; line-height:1.2em; color:#000;}
.text-box h5 { font-family:Candara; font-size:1.0em; line-height:1.2em; color:#000;}

/*** OL UL style***/
.text-box ul { padding:2px 0px 5px 2px;}
.text-box ul li {  padding:0px 0px 4px 20px; list-style-image:none; list-style:none; font-weight:normal;}
.text-box ul li ul { margin-left:10px;}
.text-box ul li ol { margin-left:15px;}
.text-box ul li ol li { list-style-type:decimal;}

.text-box ol { padding-left:2px;}
.text-box ol li { /*background:none;*/ padding:0px; margin-left:13px;  font-weight:normal;list-style-type:decimal;}
.text-box ol li ul { padding:2px 0px 5px 2px;}
.text-box ol li ul li { font-weight:normal; padding:3px 0px 9px 20px;}

.text-box ul li { list-style-image:none; list-style:none;}
.text-box ul li a {}
.text-box ul li a:hover {}
.text-box ul li ul { margin-left:15px;}
.text-box ul li ol {margin-left:20px;}
.text-box ul li ol li { list-style-type:decimal;background:none;}
.text-box ul li ol li a { /*background:none;*/}

.text-box ol { padding:5px 0px 5px 2px;}
.text-box ol li{ /*background:none;*/ padding:0px; margin-left:20px;}
.text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}
.text-box ol li a:hover{ text-decoration:underline; }
.text-box ol li ul li a { font-weight:normal; text-decoration:underline;}
.text-box ol li ul li a:hover {text-decoration:none;}

/*** Footer ****/
.footer { clear:both; overflow:hidden; height:100%; font-size:0.95em; background:#b7b6ae; /*border-top:1px solid #fff;*/ color:#2e2d27; overflow:hidden; line-height:1.4em;}
.footer-width { width:906px; margin:0 auto;}
.footer .indent { overflow:hidden; text-align:right; padding:11px 0px 23px 0px;}
.footer a { color:#2e2d27; text-decoration:none;}
.footer a:hover { text-decoration: underline;}


/* -----------------------------------------------------------------
---------------------------- WP ------------------------------------
----------------------------------------------------------------- */

.info-sidebar { padding:10px 20px 20px 0px;  width: auto; color:#000; overflow: hidden; font-size:1.2em; line-height:1.4em;}
.info-sidebar a { text-transform:none;}

.pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; color: #000; text-align:center; padding:10px 0px 0px 0px;/* margin:0px 0px -20px 0px;*/}

/*--- Navigations ---*/
.navigation { padding:10px 25px 5px 25px; clear:both; /*height:100%;*/ /*overflow:hidden; */}
.navigation .alignleft { float: left; width:45%; text-align:left;  padding:0px 0px 0px 0px;}
.navigation .alignright { float: right; width:45%; text-align:right; padding:0px 0px 0px 0px;}

.pd-nav { padding:0; margin:0;}
.pd-nav .alignleft { padding:0; margin:0;}
.pd-nav .alignright { padding:0; margin:0;}

.pd-title {padding-bottom:0;}

.marg { margin-bottom:10px;}

/*--- Begin Images ---*/
p img {
padding: 0;
max-width: 100%;}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;}

img.alignright { float: right;display:inline;
padding: 0;
margin: 3px 0px 10px 20px;}

img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}

/*------*/
.postmetadata { font-size:1.2em; clear:both; padding:12px 0px 20px 25px;}
.postmetadata a {/*color:#3B7ECC;*/}
.postmetadata a:hover {text-decoration:none;}

/*------*/
#tag_cloud .widget-bottom-left {padding-bottom:15px;}
#tag_cloud .widget-heading {margin-bottom:15px;}
#tag_cloud a {padding-left:3px;}

/*--- Popup styles ---*/
#commentspopup {}
#commentspopup #header {}
#commentspopup .page-padding {padding:0 5px;}
#commentspopup .page-width {width:538px; margin:0 auto;}
#commentspopup .header-top {}
#commentspopup .header-top-right {}
#commentspopup .header-top-left {width:100%; height:160px;}
#commentspopup .header-padding {padding:39px 0 0 89px;}
#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-10000em; width:141px; height:27px;}
#commentspopup h1:hover {text-decoration: none; cursor:pointer;}
#commentspopup .description {width:141px; height:9px; text-indent:-10000em; margin-top:2px;}
#commentspopup .description2 {width:249px; height:27px; text-indent:-10000em; margin-top:19px;}
#commentspopup .border-bottom-left {padding:17px 37px 10px;}
#commentspopup p {font-size:12px;}


/*--- Begin Typography & Colors ---*/
small {	font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
small * {font-size: 0.9em;}
small p {font-size: 0.9em;}

select { width: 130px;}

#commentform {font-size:1.2em;}

#commentform input {
margin: 5px 5px 1px 0;}

#commentform {
margin: 5px 10px 0 0;}

#commentform textarea {
width: 100%;
padding: 2px;}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

#commentform #submit {
margin: 0 0 10px auto;
float: right;}

#respond p { padding:0px 0px 10px 0px; text-indent:0;}
#respond form p { padding:0px 0px 10px 0px; text-indent:0;}

/*--- Begin Calendar ---*/
#wp-calendar { empty-cells:show; width: 155px; font-size:1.1em;}

#wp-calendar th { padding:3px 0; text-align:center; color:#000;}
#wp-calendar td { padding:3px 0; text-align:center; color:#000;}

#wp-calendar a { display: block; font-weight:bold;}
#wp-calendar #next a { padding-right: 10px;	text-align: right; font-weight: normal;}
#wp-calendar #prev a { padding-left: 10px;text-align: left; font-weight: normal;}

#wp-calendar caption { text-align: center; color:#000; font-weight:bold; font-size:1.3em; padding:0px 0px 6px 0px;}

.widget-bot #wp-calendar * { color:#fff;}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom:1px dashed #999;
}

blockquote {
border:1px solid #d3d3bf;
background:#c8c3a8; padding:15px 10px 10px 20px; margin:5px 0; color:#000;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;}


/* Begin Comments*/
.alt { padding: 10px; font-size:1.2em; padding:0px 20px 0px 25px;}

.commentlist {/* font-size:1.2em;*/ color:#000;
/*padding:0px 18px 0px 20px;*/
text-align: justify;
}
.commentlist a { color:#757575}
.commentlist span { color:#212121;}

ol.commentlist  li { list-style: none; font-size:12px;
margin:6px 0px 6px 0px;
padding: 5px 10px 3px;
/*list-style: none;*/
border:1px solid #d3d3bf;
background:#c8c3a8;
}

.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff; /*margin:0px 20px 15px 0px;*/
}

.commentlist p { color:#000;
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
padding-left:15px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

/* ****************************************** */
.eventmain {
/*font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #4A433B; text-decoration: none;*/
}

.content_orange {
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #EC6F06;
text-decoration: none;
font-weight: bold;	
}



.btnbig {
font-family: sans-serif, Dotum, DotumChe, Arial, Helvetica;
font-size: 12px;
color: #ffffff;	
height: 40px;
min-width: 120px;
border-style:ridge;
border: 1px solid #ffffff;

font-weight: 200;
background-color: #ddded5;
border-radius:3px;

}
.btnbig:hover
{

cursor:pointer;
border: 1px solid #bb3521;
color: #bb3521;	
}




.htbl{cell-spacing:10px;}
.htbl td{
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.qsn{float:left;font-size:13px; width:550px;}
.ans_opts {float:left; width:550px; padding:5px;border:0px solid #000000;}
.ans_opts_icon {float:left; width:30px; text-align:center; border:0px solid #000000;}
span.ans_opts_char
{
padding-right:15px;
display:inline-block;
}

#question_status{border:1px solid #cccccc;background-color:#eeeeee; padding:15px; width:585px; font:italic 13px arial;}

h1{font-size:1.3em;}



/*****************For website analyzer**********************/
div.hd{
/*border:1px solid #bbbbbb;
background-color:#ffffff;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;	
*/
height:30px;
line-height:30px;
font-size:20px;
padding:10px;

}
table.tbl {
/*
width:100%; 
max-width:900px;
border:0px solid #bbbbbb;
*/
width:100%;
border-collapse: collapse; 
}
tr.hor-align{
	border-top:1px solid #cccccc;
	background-color:#deddd5;
}
tr.hor-align:hover{
	background-color:#e6e6e6;
	cursor:pointer;
}

td.seperator{
	max-width:15px;
	background-color: #dddddd;
	border: 1px solid #cccccc;
    text-align:center;
	vertical-align: middle;
}

.tbl tr:hover{
	
/*
cursor:pointer; 
background-image:url(../images/info.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right; 
background:#bbbbbb;*/
}


table.tbl tr {
border-bottom:1px solid #cccccc;
}

tr.no-tips, tr.no-tips:hover{
 cursor:default; 
/* cursor:help;*/ 
}

tr.filter img{
  width:24px; height:24px;
  margin:0px 8px;
  vertical-align: middle;
}

tr.filter a, td.seperator a{
 font-size:30px;
}




.analyzer form{/* background:url(../images/search-bg.gif) no-repeat 0 1px;*/ padding:5px 5px 5px 5px; border:0px solid #ff0000;}

/* home page search form */
.search-container {
/*background: url("images/home-menu-bg.png") repeat-x scroll 0 0 transparent;*/
border-radius: 4px 4px 4px 4px;
border-top: 1px solid #FFFFFF;
box-shadow: 0 3px 5px #979696;

height: 87px;
margin: 0 auto;
padding: 0;
position: relative;
width: 680px;
}
#frm {
display: block;

min-height: 70px;
overflow: hidden;
position: absolute;

margin: 0 0 0 0;

padding: 0;

right: 20px;
top: -1px;
width: 612px;
z-index: 999;
}
#frm span {
float:left;
width:587px;
color:#909090;
/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;*/
line-height:14px;       
text-shadow:1px 1px rgba(255,255,255,.9);
padding:11px 0 3px 0;
}
#frm label {
background-color:#eeeeee;
border-radius:5px;
float: left;
height: 42px;
overflow: hidden;
position: relative;
width: 587px;
}
#frm input {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #606060;
display: block;
/*font-size: 24px;*/
font-size:1.3em;
height: 30px;
left: 8px;
margin: 0;
outline: medium none;
position: absolute;
top: 4px;
width: 538px;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
z-index: 1;
}
#frm input:focus {
color: #639EDD /*#8CB1D8*/;
}
#frm .search-submit {
background: url("../images/search-button2.png") no-repeat scroll 0px 0px transparent;
display: block;
height: 29px;
position: absolute;
right: 7px;
top: 6px;
width: 32px;
}
#frm .search-submit:hover {background: url(../images/search-button2.png) no-repeat 0px -27px;}


nav#menu {
left: 0;
position: fixed;
top: 235px;
width: 150px;
z-index: 1;
}

.menu-nav {      

overflow: visible;
padding-bottom: 30px !important;
position: fixed;
top: 30%;
left:76%;
/*right:5px;*/
width: 160px;
z-index: 1;
}

/*  #333132 #deddd5*/
.menu-nav li {
background: none repeat scroll 0 0 #deddd5;
border-radius: 0px 3px 3px 0px;
cursor: pointer;
display: block;
height: 18px;   
margin: 0px 0px 1px 0;
padding: 10px 5px;
width: 100%;
}

/*  #8CB1D8 #92b049 */
.menu-nav li:hover {
background: none repeat scroll 0 0 #edeee5;
}

.menu-nav li a {

position: relative;
text-decoration: none;
white-space: nowrap;

height: 10px;
padding-left: 10px;
display: block;
margin-top: -2px;
line-height:22px;

z-index:2000;
}

.menu-nav li a img{
    vertical-align:middle;
}	

@media only screen{
	 nav .menu-nav, #signin{
     display:block;
    }
}

/* hide navigation, top sign-in block and website menu bar if it is for print */
@media only print{
     nav .menu-nav, #signin, .menu, print-none{
     display:none;
    }
}

/*****************For website analyzer**********************/

#site_list_latest tr {
background-color: #deddd5;	
}
#site_list_latest tr:hover {
background-color: #cccccc;	
}
#site_list_latest tr td {
line-height:25px;
padding:10px;
/*font: normal 15px Times;	*/
font-size:0.8em;
vertical-align:middle;
}
#site_list_latest tr td img{
max-width:25px;
max-height:25px;
margin-right:8px;
}
#site_list_latest tr td a{
/*font: normal 19px Times;*/
margin-right:8px;
font-size:1.5em;	
}
#site_list_latest tr td span {
font-style: italic;
/*font-size: 13px;*/
color:#999999;
margin-left:8px;
}

td.no-alt{
background-color: #ffaaaa;	
}

#site_list_latest tr.trgrey {
/*background-color: #dddddd;*/	
background-color: #deddd5;
}
#site_list_latest tr.trgrey:hover {
background-color: #cccccc;	
}


.progress
{
margin:5px 0px;
border:1px solid #cccccc;
background-color:#dddddd;
height:20px;
padding:0px;

-moz-border-radius:8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
th.progress{
	text-align:center;
	font-weight:normal;
	border-radius: 3px;
}
.progress span
{
border-radius: 8px;
padding:0px;
background:#aedaae;
display:inline-block;
height:18px;
border:1px solid #aaaaaa;
font-size:13px;
line-height:18px;
text-align:center;
}


#site_thumb img, table, .round,  .tip, .menu-nav li{
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;

}

img.round{
	margin:6px;
	border:1px solid #999999;
	width:95%;	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */	
}

img.round:hover{
	margin:6px;
	border:1px solid #d45c4a;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.tip{
padding:10px;
display:none;
border: 1px solid #cccccc;	
font-style: italic;
}
/* $style_color =array("#99ff99", "#ffff99", "#ff9999"); */	
.tip-ex{
background-color: #aedaae; 
/*border: 1px solid #669966;*/	
}
.tip-wn{
background-color: #fadab6; 
/*border: 1px solid #996666;*/	
}
.tip-bd{
background-color: #f2b4b4; 
/*border: 1px solid #996666;*/	
}

.prog-ex, .prog-wn, .prog-bd{ border-radius:5px; }
/*.prog-ex { background-color: #cceecc; border: 1px solid #669966;}
.prog-wn{ background-color: #eeeecc; border: 1px solid #999966;	}
.prog-bd{ background-color: #eecccc; border: 1px solid #996666;	 }*/

.prog-ex { background-color: #33aa33; border: 1px solid #009900;}
.prog-wn{ background-color: #aaaa33; border: 1px solid #999900; }
.prog-bd{ background-color: #aa3333; border: 1px solid #990000;  }

.prog
{
border-radius: 5px;
margin:0px 0px;
border:1px solid #cccccc;
background-color:#dddddd;
height:13px; /* height:13px; border-radius: 5px; margin:2px 0px;*/
padding:0px;
line-height:13px;
}
.prog span
{
padding:0px;
display:inline-block;
height:11px; /* height:11px; */
/*border-right:1px solid #cccccc;*/
/*line-height:13px;*/
}

.reviews{height:18px;overflow:hidden;}
.reviews .star{background-image:url(../images/stars.png);display:inline-block;height:13px;width:73px;}
.reviews em{color:#999;}
.reviews .star.p0-5{background-position:0 0;}
.reviews .star.p1-0{background-position:0 -16px;}
.reviews .star.p1-5{background-position:0 -32px;}
.reviews .star.p2-0{background-position:0 -48px;}
.reviews .star.p2-5{background-position:0 -64px;}
.reviews .star.p3-0{background-position:0 -80px;}
.reviews .star.p3-5{background-position:0 -96px;}
.reviews .star.p4-0{background-position:0 -112px;}
.reviews .star.p4-5{background-position:0 -128px;}
.reviews .star.p5-0{background-position:0 -144px;}

td.yes{
background-image:url(../images/yes.png);
background-repeat:no-repeat;
background-position:center; 
}
td.no{
background-image:url(../images/no.png);
background-repeat:no-repeat;
background-position:center; 
}

/* ex - excellent practice, wn - some warning, bd - bad practice */
td.ex, td.wn, td.bd{
background-repeat:no-repeat;
/*background-position:left top; */
background-position:50% 9px; 
width:30px;
margin-top:10px;
}
td.ex{background-image:url(../images/corrects.png);}
td.wn{background-image:url(../images/warning.png);}
td.bd{background-image:url(../images/wrongs.png);}

.article img, .score{
border:1px solid #bbbbbb;
padding:10px;
margin:5px;	
border-radius:3px;
}
.article a{
font-size:17px;

}
.article{
font: 13px Verdana, Arial, Helvetica, sans-serif;
line-height:22px;
font-size:14px;
}

#serp{font-family:arial,sans-serif; width:512px;padding:5px; border:3px solid #cccccc;}
#serp_title a{color: #12c; font-size:18px;text-decoration:none; cursor: pointer;display:block;overflow:hidden;text-overflow:ellipsis;}
#serp_title a:hover{text-decoration:underline;} 
#serp_title a:visited {color: #609; }
#serp_url{color: #093; font-size: 14px!important;}
#serp_desp{color: #222;font-size:small; line-height: 1.24;}

.task-list li{
margin:10px;
}
.task-list li input[type=checkbox]{
margin-right:20px;
}


/********************************* For Pop Up Login Window ************************************* */
/* -----------------------------------  Start ---------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic);

/*body {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;}*/

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
	position:absolute;
	width:330px;
	height: auto;
	left:45%;
	top:80px;
	background: #FFF;	
  /*background: #2C7AA5; background: rgba(40, 118, 160, 0.3); padding: 18px;*/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;
}

.box {  }

#modal_trigger {/*margin:100px auto;  width:100px; display:block; */ }

.btn {padding:10px 20px; background: #F4F4F2;}
.btn_red {background: #ED6347; color: #FFF;}

.btn:hover {background: #E4E4E2;}
.btn_red:hover {background: #C12B05;}

a.btn {color:#666; text-align: center; text-decoration: none;}
a.btn_red {color: #FFF;}

.one_half {width:50%; display: block; float:left;}
.one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
.popupHeader, .modal_close { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}

.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}


/* Social Login Form */
.social_login {display:none;}
.social_login .social_box {display:block; clear:both; padding:10px; margin-bottom: 10px; background: #F4F4F2; overflow: hidden;}
/*.social_login .social_box {display:none;}*/
.social_login .icon {display:block; width:10px; padding:5px 10px; margin-right: 10px; float:left; color:#FFF; font-size:16px; text-align: center;} 
.social_login .fb .icon {background:#3B5998;}
.social_login .google .icon {background:#DD4B39;}
.social_login .icon_title {display:block; padding:5px 0; float:left; font-weight: bold; font-size: 16px; color:#777;}
.social_login .social_box:hover {background: #E4E4E2;}

.centeredText {text-align: center; margin: 20px 0; clear: both; overflow: hidden; text-transform: uppercase;}

.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}

/* User Login Form */
/*.user_login {display: none;}*/
.user_login {display:block; clear:both; padding:10px; margin-bottom: 10px; background: #F4F4F2; overflow: hidden;}
.user_login label {display: block; margin-bottom:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_login input[type="checkbox"] {float:left; margin-right:5px;}
.user_login input[type="checkbox"]+label {float:left;}

.user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}

/* User Register Form */
.user_register {display: none;}
.user_register label {display: block; margin-bottom:5px;}
.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_register input[type="checkbox"] {float:left; margin-right:5px;}
.user_register input[type="checkbox"]+label {float:left;}

.user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}

/* -----------------------------------  end ---------------------------------------------------*/
/********************************* For Pop Up Login Window ************************************* */