body {
	margin:0;
	padding:0;
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #FFF url(/images/bg.png) repeat-x top left;
}

* {margin:0;padding:0;}

.container form p {margin: 10px 0;}
div.sec {margin:20px 0;}

h3 {font-size:1.2em;font-weight:normal;border-bottom: 1px solid #bcbcbc;padding-bottom:5px;}
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h1 .subtitle {font-size:.7em;font-weight:normal;padding-left:6px;}
.ok {color:green;}
.error {color:red;}

/* layout */
.clear {clear:both;}
div.container {width:982px;margin:0 auto;}

div#head {position:absolute;width:980px;height:100px;}
div#logo {float:left;font-size:2.0em;width:300px;height:100px;background: transparent url(/images/logo.gif) no-repeat;}
div#userbar {font-size:0.9em;background-color:#45631d;float:right;padding:10px 30px;color:#FFFFFF;}
div#userbar a, div#userbar a:visited  {border-left:1px solid #FFC000;color:#FFC000;margin-left:5px;padding-left:10px;text-decoration:none;}
div#userbar form input {padding:2px;}
ul#menu {position:absolute;bottom:0px;right:300px;}
ul#menu li {float:left;display:block;font-size:1.3em;background: transparent url(/images/menu2.gif) no-repeat top left;width:105px;height:30px;margin:0px 3px;}
ul#menu li a {color:#4b650b;text-decoration: none;line-height:30px;padding-left:20px;}

#targetsBody #menuTarget,
#alertsBody #menuAlert {background: transparent url(/images/menu.gif) no-repeat top left;color:#4b650b;position:relative;bottom:-2px;}
#targetsBody #menuTarget a,
#alertsBody #menuAlert a {color:#333;}


div#main {padding-top:100px;}
div#main div#mainHead {background: #FFF url(/images/bg_top.gif) no-repeat top center;height:7px;}
div#main div#mainBody {background: transparent url(/images/bg_body.gif) repeat-y top center;}
div#main div#mainBottom {clear:both;background: transparent url(/images/bg_bottom.gif) no-repeat top center;height:20px;}
div#main div.container {width:800px;padding:30px 0px;}

p.notice {text-align: center;color:red;}
div.errorExplanation {color:red;}

div.sidebar {float:left;width:20%;}

/* Introduction */
div#intro h1 {font-size:2.4em;color:#66bc29;}
div#intro .headlines {width:37%;float:left;}
div#intro dl {margin:20px 0px;}
div#intro dt {font-size:1.3em;margin-bottom:10px;color:#00853f;font-weight:bold;}
div#intro dd {color:#666;}
div#intro .illustration {width:500px;height:470px;float:right;background: transparent url(/images/illustration.gif) no-repeat top left;}

/* target status summary */
div.statusSummary, div.latestErrors {padding-top:10px;}
div.statusSummary a {text-decoration:none;float:left;margin:3px;}
div.statusSummary a img {border: 0px;}
/*div.statusSummary a.s_disabled {background-color:#999;}
div.statusSummary a.s_0 {background-color:blue;}
div.statusSummary a.s_1 {background-color:green;}
div.statusSummary a.s_2 {background-color:red;}
div.statusSummary a.s_3 {background-color:#ff9900;}
*/
div.statusExplain ul {list-style: none;text-align: right;}
div.statusExplain ul li {height:20px;margin-bottom:3px;}
div.statusExplain ul li.s_disabled {background: transparent url(/images/gray.gif) no-repeat center left;}
div.statusExplain ul li.s_0 {background: transparent url(/images/blue.gif) no-repeat center left;}
div.statusExplain ul li.s_1 {background: transparent url(/images/green.gif) no-repeat center left;}
div.statusExplain ul li.s_2 {background: transparent url(/images/red.gif) no-repeat center left;}
div.statusExplain ul li.s_3 {background: transparent url(/images/yellow.gif) no-repeat center left;}

/* latest errors */
.latestErrors ul {list-style:none;}
.latestErrors li {margin-bottom: 3px;border-bottom: 1px dotted #ddd;}
.latestErrors .time {color: #aaa;}
.latestErrors .desc a, .latestErrors .desc a:visited {color:red;}

/* target dashboard */
div.targetDBs {width:75%;float:right;border-left: 1px solid #bcbcbc;padding-left:20px;}
li.targetDashboard {margin:10px 5px;list-style: none;float:left;width:188px;height:180px;background: transparent url(/images/db_body.gif) no-repeat scroll 0pt 100%;color:#66667d;}
li.targetDashboard h2 {background:transparent url(/images/db_top.png) no-repeat scroll 0pt 0pt;font-size:1em;font-weight:normal;height:25px;}
li.targetDashboard h2 a {display:block;background:transparent url(/images/db_arrow.gif) no-repeat scroll 0pt 0pt;color:#FFF;text-decoration: none;padding:4px 10px;}
li.targetDashboard div.info {padding:5px;}
li.targetDashboard table th {font-weight:normal;}
li.targetDashboard div.info p img {margin-right:5px;}
li.targetDashboard div.info p {font-size:1.2em;}
.s_disabled {color:#999;}
.s_0 {color:blue;}
.s_1 {color:green;}
.s_2 {color:red;}
.s_3 {color:#ff9900;}
li.targetDashboard table {clear:both;margin:5px 0px;}
li.targetDashboard a.url {color:#333;overflow: hidden;display:block;width:175px;height:20px;}
ul.func {list-style:none;}
ul.func li {float:left;margin:0 5px;}


/* shared */
div.tabbedPanel {border:1px solid #adadad;overflow:hidden;position:relative;zoom:1;}
div.tabbedPanel ul.tab {border-bottom: 1px solid #888; padding: 15px 0px 0px 15px;background-color:#F5F5F5;zoom:1;}
div.tabbedPanel ul.tab:after {clear:both;content:"";display:block;height:0pt;overflow:hidden;visibility:hidden;}
div.tabbedPanel ul.tab li {border:1px solid #888888;display:inline;float:left;margin-right:8px;position:relative;top:1px;}
div.tabbedPanel ul.tab li.current {border-bottom: 1px solid #FFF;}
div.tabbedPanel ul.tab li a {color:#FFF;background-color:#999;border-top: 1px solid #b5b5b5;padding:2px 15px;display:block;}
div.tabbedPanel ul.tab li.current a {color:#333;background-color:#FFF;border-top: 1px solid #f0f0f0;}
div.tabbedPanel div.panel {padding:10px;}

div.setting div.block {margin:20px 60px;clear:both;zoom:1;}
div.setting div#errorExplanation,div.setting div#okExplanation {margin:5px 60px;}
div.setting div.block h2 {color:#333;font-size:20px;padding:0px;}
div.setting div.block h3 {border-bottom: 1px solid #CCC;color:#333;margin-bottom:0.4em;zoom:1;font-weight: normal;}
div.setting div.block p.note {color:#666;margin:0.4em 0pt;}
div.setting form {padding-top:20px;}
div.setting form p {margin:10px;clear:both;}
div.setting form label {line-height:21px;float:left; margin-right:10px;text-align: right;width:35%;}
div.setting form p.detail {color:green;clear:none;width:55%;float:left;margin:0px 10px;}
div.setting form p.info {clear:none;width:55%;float:left;margin:0px 10px;}
div.setting form input,
div.setting form select,
div.setting form textarea {margin:0px 10px;}
div.setting form input.text, div.setting form textarea {padding:2px;border: 1px solid #999;font-size:13px;}
div.setting #namelist {width:300px; margin:10px auto;}
div.setting #namelist a{font-size:.8em;}
div.setting .blocked_account {border-bottom: 1px solid #ccc;margin:5px 0;padding:2px 0;}

table.general {width:100%;border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: 5px;clear: both;}
table.general tr {font-size: 1em;}
table tr.shade {background-color: #eee;}
table.general tbody tr:hover {background-color: #fefeba;}
table.general th, table.general td {font-weight: normal;padding: 0.3em 1.0em 0.3em 0em;text-align: right;vertical-align: center;}
table.general th a {color:#000;}
table.general thead, table.general tfoot tr:first-child td {border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;}
table.general thead, table.general tfoot {background: #ececec;}

/* -- paginate -- */
.pagination {margin:6px;}
.pagination a {border: 1px solid #ccc;text-decoration: none;padding:0 4px;color:#06c;}
.pagination a:hover {background-color: #DDD;}
.pagination span {color: #999;}

/* -- target show -- */
.target h3 {border-bottom:none;margin: 6px 0;}
div#last_error {border: 1px solid #c00;padding:10px;background-color: #eee;margin:10px;}
table.general td.duration {width: 100px;background-color: green;text-align: left;padding:0;border: 2px solid #fff;}
td.duration span {margin:2px;background-color:red;display:block;overflow: visible;white-space: nowrap;color:#fff;}

.notify {color:red;border: 1px solid red;padding:5px;font-size:1.1em;margin:10px;}
a.warnlnk:visited,a.warnlnk, a.warnlnk:hover {color:red;}

/* -- terms -- */
#terms p {margin:10px 0;}
/*--------------------------------------------------------------
 Footer Alignment
 --------------------------------------------------------------*/
#footer {color:#999;padding:20px;}
#footer a, a:visited {color:#2971a7;}
#footer blockquote {width: 500px;margin: auto;text-align: center;}
#footer p {text-align: center;}