body {
	margin:0px;
	font:9pt Tahoma, Arial, Geneva, sans-serif;
	background:url(../images/background.png) repeat-x;
}

div#body {
	margin:40px auto;
	width:478px;
}

body.admin div#body,
body.admin div#footer {
    width:800px;
}

div#index { margin:30% 0px 0px 0px; }
div#header { margin:0px 0px 10px 3px; overflow:hidden; clear:both; }

/**
 * Header
 */
#header #logo { float:left; }
#header .menu { float:right; display:block; padding:0px; margin:15px 10px 0px 0px; }
#header .menu li { list-style:none; font-size:10px; }


div#search-form { clear:both; }
div#search-form #domain-element { margin:8px 4px 0px 0px; padding:3px 4px 4px 7px; width:313px; float:left; }
div#search-form input.domain { font-family:Tahoma,Arial,Geneva,sans-serif; border:none; background:none; font-size:16pt; outline: none; width:100%; padding:0px; margin:0px; }
div#search-form input.domain.default { color:#ccc; }
div#search-form div.wrap-left { background:url(../images/bg-search-left.png) no-repeat; height:48px; padding-left:6px; width:472px; }
div#search-form div.wrap-right { background:url(../images/bg-search-right.png) no-repeat right top; height:48px; padding-right:4px;  }
div#search-form div.wrap-bg { background:url(../images/bg-search.png) repeat-x; height:48px; margin:0px 3px 0px 3px; }
div#search-form #getscore-element { float:right; margin:8px 0px 0px 0px; }
div#search-form input#getscore { background:url(../images/get-score-button.png) no-repeat 0px 0px; border:none; color:#FFF; width:132px; height:32px; cursor:pointer; outline: none; font-size: 0px; display:block; text-transform: capitalize; text-indent:-999px; }
div#search-form input#getscore:focus,
div#search-form input#getscore:hover {
	background-position:0px -32px;
}

div#search-form #domain-label, div#search-form #getscore-label { display:none; }
div#search-form dl, div#search-form dl dd, div#search-form dl dt { padding:0px; margin:0px; }

div#search-form ul.errors { padding: 10px 10px 10px 25px; margin:15px 0px; background:#f2f2f2; border:3px solid #990000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div#search-form ul.errors li { list-style:disc; font-size:8.5pt; margin:5px 0px; }


/**
 * Index page
 */
div#index p {
    margin-left:5px;
    margin-right:5px;
    color:#666;
    line-height:19px;
    font-size:8.5pt;
}

div#index h1 { font-weight:normal; }


/**
 * Results pages
 */
 div#loading-stats {
     margin:40px 0px;
 }

div#results {
    padding:10px 5px 0px 7px;
}
h2 {
    text-transform:lowercase;
    color:#33709A;
    font-size:28pt;
    font-weight:normal;
    margin:20px 0px 25px 0px;
}

h2.with-text {
    margin-bottom:5px;
}

div.section { overflow:hidden; clear:both; }
div.section h2 { float:left; }
div.section div.badge { float:right; margin:30px 8px 0px 0px; width:55px; height:35px; padding:7px 0px 0px 0px; background:url(../images/bg-section-badge.png) no-repeat; color:#fff; font-size:11pt; text-align:center; }

h3 {
    color:#337099;
    font-size:18pt;
    font-weight:normal;
}

a, a:visited { color: #337099; text-decoration:none; }
a:hover { text-decoration: underline; }

div#results p { margin: 0px 0px 25px 0px; color:#333; line-height:19px; }

div.block {overflow:visible; clear:both;}
body.admin div.block { overflow: hidden; }
div.block div.left {float:left; width:49%; clear:left;}
div.block div.right {float:right; width:49%; clear:right;}
div.block div.clear { clear:both; }

div.round-box { position: relative;  }
div.round-box .corner { position: absolute; width: 8px; height: 8px; background: url("../images/round-box/corners.png") no-repeat; font-size: 0%; }
div.round-box .content { padding: 10px; background:url("../images/round-box/box_nl.png") repeat-x 0px -8px;
                         border-left:5px solid #34709B; border-right:5px solid #34709B; background-color:#fff; }
div.round-box .nw { top: 0; left: 0; background-position: 0 0; }
div.round-box .ne { top: 0; right: 0; background-position: -8px 0; }
div.round-box .sw { bottom: 0px; left: 0; background-position: 0 -8px; }
div.round-box .se { bottom: 0px; right: 0; background-position: -8px -8px; }
div.round-box .vert-line { height:8px; background:url("../images/round-box/box_nl.png"); margin:0px 8px; }
div.round-box .vert-line.bottom { background: url("../images/round-box/box_sl.png") repeat-x bottom left; }


/**
 * Results
 */
div#results ul.numbers { margin: 0px; padding: 0px; list-style: none; overflow: hidden; clear: both; }
div#results ul.numbers li { list-style: none; display: block; float:left; width: 233px; min-height: 73px; clear:left; overflow: hidden; cursor: pointer; }
div#results ul.numbers li.right { float:right; clear:right; }
div#results ul.numbers li.note-opened div.number { position:absolute; z-index: 2; }
div#results ul.numbers a { color:#33709A; cursor:help; text-decoration:none; background: url(../images/icons/toggle_plus.gif) no-repeat -2px -2px; padding:0px 0px 0px 16px; }
div#results ul.numbers a.close { background-image: url(../images/icons/toggle_minus.gif); }
div#results ul.numbers div.number div { margin:0px 0px 20px 0px; padding:0px; color:#333333; font-size:24pt; }
/* note */
div#results ul.numbers span.note { background:none repeat scroll 0 0 #EEEEEE; border:1px solid #CCCCCC; display:none; font-size:11px; margin:8px 0px 0px 0; padding:5px 225px 5px 5px; position: absolute; width: 233px; min-height: 52px; margin: -5px 0 0 -243px; z-index: 1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div#results ul.numbers li.right span.note { margin-left: -5px; padding-right: 0px; padding-left: 225px; }
/* color code */
div#results ul.numbers div.number div.high,
div#results ul.numbers div.number span.high { color:#009933; }
div#results ul.numbers div.number div.low,
div#results ul.numbers div.number span.low { color:#990000; }

/* As a list */
div#results.list ul.numbers li:first-child { border-top: 1px dotted #E2E2E2; }
div#results.list ul.numbers li { font-size: 16px; border-bottom: 1px dotted #E2E2E2; float: none; clear: both; width: auto; padding: 10px 10px; margin-right: 8px; overflow: hidden; height: auto; min-height: 0px; display: block; }
div#results.list ul.numbers li.right { clear: both; float:none; }
/*div#results.list ul.numbers li.note-opened { background-color: #f9f9f9; }*/
div#results.list ul.numbers li:nth-child(odd) { background-color: #f9f9f9; }
div#results.list ul.numbers li:hover { background-color: #f0f0f0; }
div#results.list ul.numbers li:hover div.number a { text-decoration: underline; }
div#results.list ul.numbers li.note-opened div.number { position:static; }
div#results.list ul.numbers div.number div { font-size: 16px; float: right; margin: 0px; }
div#results.list ul.numbers div.number a { background-position: -2px 1px; float:left; }
div#results.list h2,
div#results.list h2 a,
div#results.list h3 { color:#009933; }
/* note */
div#results.list ul.numbers span.note,
div#results.list ul.numbers li.right span.note { display: none; clear:both; position: static; padding: 5px; margin: 10px 0px 5px 0px; height: auto; min-height: 0px; width: auto; border: none; background: none; }


/*div#results dl {margin-top:0px;}
div#results dl dt {margin:0px 0px 0px 0px; font-size:9pt; color:#666666;}
div#results dl dd {margin:0px 0px 20px 0px; padding:0px; color:#333333; font-size:24pt;}
div#results dl dt a { color:#33709A; cursor:help; text-decoration:none; background: url(../images/icons/toggle_plus.gif) no-repeat -2px -2px; padding:0px 0px 0px 16px; }
div#results dl dt a.close { background-image: url(../images/icons/toggle_minus.gif); }
div#results dl dt span.note { background:none repeat scroll 0 0 #EEEEEE; border:1px solid #CCCCCC; display:none; font-size:11px; margin:10px 10px 10px 0; padding:5px; }
div#results dl dd.high, dl dd span.high { color:#009933; }
div#results dl dd.low, dl dd span.low { color:#990000; }*/


/* Results as a list 
div#results.list div.block div.left,
div#results.list div.block div.right { float:none; display:block; width: auto; }
div#results.list dl {margin-top:0px;}
div#results.list dl dt { float:left; width: 216px; margin:0px 0px 0px 0px; padding: 10px 10px 10px 0px; clear: left; font-size: 16px; border-bottom: 1px dotted #ececec; }
div#results.list dl dd { float:right; width: 47%; margin:0px 0px 0px 0px; padding:10px; clear: right; font-size: 16px; text-align: right; font-weight: bold; border-bottom: 1px dotted #ececec;  }
div#results.list dl dt.last,
div#results.list dl dd.last { border: none; }*/

div#score-container { margin:10px 0px 0px 0px; }
div#score-container .content { padding:10px 10px 5px 10px; }
div#score-container p { margin:20px 0px 10px 0px; }
div#score-container p.score-desc { line-height: 18px; margin:20px 0px 10px 0px; }
div#score-container h2 { margin-top:0px; margin-bottom:30px; line-height:28px; }

div#score-container div.html_redirect-check p,
div#score-container div.html_frameset p { margin: 0px; }
div#score-container div.html_redirect-check p.note,
div#score-container div.html_frameset p.note { margin: 5px 0px 0px 0px; font-size: 11px; }
div#score-container div.html_redirect-check div.title,
div#score-container div.html_frameset div.title { cursor:help; text-decoration:none; background: url(../images/icons/toggle_plus.gif) no-repeat -2px -2px; padding:0px 0px 0px 16px; }
div#score-container div.html_redirect-check div.title.close,
div#score-container div.html_frameset div.title.close { background-image: url(../images/icons/toggle_minus.gif); }


div#score-container .scale { background:url(../images/bg-scale.png) no-repeat; overflow:hidden; height:48px; margin:0px 0px 27px 0px; }
div#score-container .progress-overlay { background:url(../images/bg-overlay-progress.png); position:absolute; height:36px; left:15px; }
div#score-container .progress { height:35px; margin:1px 0px 0px 1px; float:left;  }
/*div#results .number { font-size:24px; font-weight:bold; color:#FFF; width:200px; margin:3px 5px 0px 240px; position:absolute; text-align:right; text-shadow:#000 0px 1px 1px; }*/
div#score-container .html_redirect-check,
div#score-container .html_frameset { padding: 10px; background-color: #36719C; color:#fff; margin: 20px 0px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div#score-container .html_redirect-check.low,
div#score-container .html_frameset.low { background-color: #990000; }
div#score-container .html_redirect-check.high,
div#score-container .html_frameset.high { background-color: #009933; }

div#score-container p.score-category-container {
    font-size:large;
    line-height:21px;
    margin-bottom: 0px;
}


#switch-view { list-style: none; position: absolute; margin: 39px 0px 0px 350px; padding: 0px; overflow: hidden; }
#switch-view li { display: inline;  }
#switch-view a { display: block; width: 18px; height: 18px; background-repeat: no-repeat; float:left; padding-right: 5px; }
#switch-view a.list { background-image: url(../images/icons/view_list_dim.gif); }
#switch-view a.icons { background-image: url(../images/icons/view_icons_dim.gif); }
#switch-view a.list:hover,
#switch-view a.list.current { background-image: url(../images/icons/view_list.gif); }
#switch-view a.icons:hover,
#switch-view a.icons.current { background-image: url(../images/icons/view_icons.gif); }



div#score { width:160px; float:right; }
div#score.with-margin {margin:0px 0px 20px 27px;}
div#score .number {
    width:160px;
    height:42px;
    padding:6px 0px 0px 0px;
    background:url(../images/bg-score.png) no-repeat 0px 0px;
    font-size:20pt;
    color:#fff;
    text-align:center;
    display:block;
}
div#score .number.green {background-position: 0px -96px;}
div#score .number.red {background-position: 0px -48px;}
div#score .max-score { display:none; }
div#score div.send a { background: url(../images/more-details.png) no-repeat; height:21px; display:block; text-indent:-999px;  }

/**
 * Loading
 */
div#results #loading-status {
    margin-bottom: 10px;
    font-size:11px;
    font-weight:bold;
    text-transform:lowercase;
}


/**
 * Send button
 */
div#send-to-seo {
    margin:10px 0px 0px 0px;
}

div#send-to-seo .content {
    background-color:#36719C;
    padding:2px 15px;
    font-size:8pt;
    color:#fff;
}

div#send-to-seo .top,
div#send-to-seo .bottom {
    height:5px;
    width:100%;
    background:url(../images/blue-container/top.png) no-repeat;
}

div#send-to-seo .bottom {
    background-image:url(../images/blue-container/bottom.png);
}

div#send-to-seo a {
    display:block;
    position:absolute;
    background:url(../images/send-to-seo.png) no-repeat;
    width:162px;
    height:60px;
    margin-left:310px;
    margin-top:-7px;
}


input.permalink { width:270px; margin: 0px 7px 0px 7px; }

div#error-container h2 { color:#990000; }


/**
 * About
 */
#fancy_div h1 {
    margin:0px;
    padding:5px 0px 10px 0px;
    font-weight:normal;
    letter-spacing:-1px;
}

#fancy_div h2 {
    font-size:12pt;
    text-transform:capitalize;
    padding:10px 0px 3px 0px;
    margin:0px;
}

#fancy_div p {
    line-height:20px;
}

/**
 * Contact form
 */
div#fancy_bg {
    background:#fff;
}

div#fancy_div h3 {
    margin-top:0px;
    font-size:13px;
}

ul.inline { overflow:hidden; clear:both; margin:10px 0px; padding:0px; }
ul.inline li { float:left; margin:0px 5px 0px 0px; list-style:none; }

.tooltip{
    position: absolute;
    z-index: 3;
    display: none;

    border:2px solid #295C7E;
    background:#337099;
    padding:5px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;

    font-size:8pt;
    color:#fff;
}

#loading,
#page-error {
	position: fixed;
	top: 0;
	left: 45%;
	z-index: 5000;
	background-color: orange;
	font-size: 110%;
	color: white;
	padding: 6px 10px;
}

#page-error { background-color: red; }

#footer {
    margin:40px auto;
    width:468px;
    padding:0px 0px;
}

#footer p {
    font-size:10px;
}