@charset "utf-8";
/* -------------------------------------------------------------- 
	general.css
-------------------------------------------------------------- */
/* Default fonts and colors. */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
	font-family: Helvetica, Arial, sans-serif;
}
p { margin-bottom:1em}

h2 {
	color:#8c8c8c;
	font-size:1.8em;
	margin-bottom:10px
}
h3 {color:#8c8c8c;font-size:1.4em;font-weight:bold;margin-bottom:0.5em;}
.black {color:#000;}
.clear {clear:both;font-size:0px;line-height:0px;}

button { 
	position: relative;
	border: 0;
	padding: 0;
	cursor: pointer;
	overflow: visible;
	font: normal 12px arial, sans-serif;
}
 
button::-moz-focus-inner {
	border: none;
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-top: -1px;
	}
}

button { 
	padding: 0px 14px 0 0;
	margin-right: 5px;
	font-size: 12px;
	text-align: center;
	background: transparent url('../i/button.gif') no-repeat right -41px;
}
 
button span {
	padding: 2px 0 0 16px;
	height: 21px;
	background: transparent url('../i/button.gif') no-repeat left top;
	color: black;
}

button span em { font-style:normal;}

/* --layout-- */
#wrapper {
	width:840px;
	margin:15px auto;
	background-color:#fff;
	border:1px solid #000;
}
#preHeader {
	border-bottom:1px solid #000;
	background-color:#ffffcc;
	height:10px;
	font-size:0;
	line-height:0;
}

#content {
	margin-left:175px;
}
#footer {
	background: url(/r/i/footer_bg.gif) repeat-x 0 0;
	height:25px;
}



/* --menu-- */
#menu {
	background-color:#0a2878;
	clear:both;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	
	overflow:hidden;
	_height:1%;
}
#menu ul {
	border-left:1px solid #fff;
	overflow:hidden;
	_height:1%;
	margin-left:175px;
}
#menu ul li {
	display:block;
	float:left;
	border-right:1px solid #fff
}
#menu ul li a {
	display:block;
	padding:5px 12px;
	color:#fff;
	background-color:#8c8ca0;
	text-decoration:none
}
#menu ul li a:hover {
    background-color:#6a6a73;
}

/* --language-- */

#lang {
	float: left;
	color: #fff;
	text-transform:uppercase;
	padding:4px 10px
}
#lang a {
    color: #666699;
}
/* --logo-- */
h1#b-logo { float:left; display:block}

h1#b-logo a {
	width:265px;
	height:64px;
	overflow:hidden;
	display:block;
	position:relative;
	text-indent:-300px;
	border:none;
	margin:10px 0px 0px 15px;
}
h1#b-logo a span {
	position:absolute;
	width:265px;
	height:64px;
	top:0;
	left:0;
	background:transparent url(/r/i/logo.gif) no-repeat 0 0;
}
/* --logo-container-- */
#logo-container {
	margin-left:175px;
	border-bottom:10px solid #cccccc;
	padding-right:25px;
	_height:1%
}
#logo-container a {
	display:block;
	float:right
}
#logo-container a img {display:block}
#logo-container a.product {
	padding:10px;
	margin-top:10px;
	margin-right:20px;
	text-decoration:none;
	color:#656565;
	font-weight:bold;
	font-size:16px
}
#logo-container a.eads {
	padding:5px
}
/* --box-- */
.box {
	overflow:hidden;
	width:646px;
	margin-bottom:10px
}
.headBox {
	background: url(/r/i/boxTop.gif) no-repeat 0 0;
	height:7px;
	font-size:0px;
	line-height:0px
}
.contBox {
	background: url(/r/i/boxContent.gif) repeat-y 0 0;
	padding:0 3px;
	overflow:hidden;
	_height:1%;
}
.footBox {
	background: url(/r/i/boxFooter.gif) no-repeat 0 0;
	height:7px;
	font-size:0;
	line-height:0
}
.box hr {
	background-color:#8c8ca0;
	margin:0px 0px;
	color:#8c8ca0;
}

#metaInfo { overflow:hidden; _height:1%; width:646px}
#metaInfo li { display:block; font-size:1.6em; color:#000 }
#metaInfo li.campaign {float:left}
#metaInfo .survey { float:left}
#metaInfo .date { display:none}
#metaInfo .status {float:right}
#metaInfo .status .open {color:#00cc33; text-transform:uppercase}
#metaInfo .status .closed {color:#FF0000; text-transform:uppercase}

#RowList { }
#RowList strong { color:#333333}
#RowList li.disabled strong { color:#656565}
#RowList li { padding:5px 10px; border-top:1px solid #8c8ca0; overflow:hidden; _height:1%; background-repeat:no-repeat; background-position:5px 5px; }
#RowList li.disabled { background-color:#a3a3a3}
#RowList li.disabled .countTitle { color:#656565}
#RowList li.last {border-bottom:none; }
#RowList li.first {border-top:none; }
#RowList li:hover { background-color:#fff}
#RowList li.disabled:hover { background-color:#a3a3a3}
#RowList .count {width:60px;height:80px;float:left;font-size:1.2em;font-weight:bold;color:#333333;}

.num1 {background-image: url(/r/i/num1.png);}
.num2 {background-image: url(/r/i/num2.png);}
.num3 {background-image: url(/r/i/num3.png);}
.num4 {background-image: url(/r/i/num4.png);}
.num5 {background-image: url(/r/i/num5.png);}
.num6 {background-image: url(/r/i/num6.png);}
.num7 {background-image: url(/r/i/num7.png);}
.num8 {background-image: url(/r/i/num8.png);}
.num9 {background-image: url(/r/i/num9.png);}

#RowList .action { float:right; padding-top:3px}
#RowList .countContent { margin-left:60px;}
#RowList .countTitle { font-size:1.6em; font-weight:bold; color:#000; margin-right:200px}
#RowList .countAction { float:right}
#RowList .description { clear:right}
#RowList .options {background: url(/r/i/ok.png) no-repeat left top; padding:0px 0px 0px 20px; margin-right:10px; zoom:1}
#RowList .optionsText {float:left; margin-right:10px}
#RowList li.disabled button { display: none; }

.finished {background:url(/r/i/finished.png) no-repeat 13px 7px;}
.pending {background:url(/r/i/pending.png) no-repeat 20px 20px;}

.negative {color:#444444; background:#ffffcc url(/r/i/error.png) no-repeat 10px 4px; display:block; padding:3px 3px 3px 30px; border-top:1px solid #e8dd99; border-bottom:1px solid #e8dd99;}

.optionTable {}
.optionTable td {vertical-align:top; padding-bottom:15px;}
.optionTable td.checkboxContainer {padding-right:10px;}
.optionTable td label { font-size:16px;}
.point {display:none;}

.dataTable td, .dataTable th {
	padding:5px;
}
.dataTable .row1 td {
	background:#eee;
}
th {
	text-align:left;
}

.dataTable2 {
	border-left:1px #eee solid;
	border-top:1px #eee solid;
	border-collapse:collapse;
}
.dataTable2 th {
	padding:5px;
	background:#eee;
	border-right:1px #ccc solid ;
}
.dataTable2 td {
	padding:5px;
	border-right:1px #eee solid;
	border-bottom:1px #eee solid;
}
.dataTable2 .row1 td {
	background:#f9f9f9;
}