/* comment */

body {
    background: url(../images/designBackground.png) repeat-x #EFF2F3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #222222;
    height: 100%;
    margin: auto;
    width: 808px;
}
table, td, tr {
    font-size: 8pt;
}
a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}

.fleft {float:left;}
.fright {clear:right;}
.clear {clear:both;}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#global {
    width: 808px;
    margin: 11px 0;
    background: white url(../images/design.png) repeat-y 100% 0;
}

#header {
    background: url(../images/design.png) no-repeat;
    width: 808px;
    height: 86px;
}

#header ul {
    margin: 0 15px 0 0;
}
#header ul li {
    float: right;
    width: 76px;
    height: 86px;
}
#header ul li a {
    display: block;
    padding: 60px 0 0 0;
    width: 100%;
    text-align: center;
    color: #999999;
    text-decoration: none;
}
#header ul li a:hover {
    color: #333333;
}

#content {
    min-height: 15px;
    padding: 10px 15px 0 15px;
}
.fieldContener {
    background: url(../images/fieldTop.png) top left no-repeat;
    padding-top: 10px;
}
.fieldContent {
    background: url(../images/fieldBottom.png) bottom left no-repeat;
    padding-left: 10px;
    padding-bottom: 10px;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 160%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 20px;
    color: #00A5CD;
    background: url(../images/designH2Background.png) no-repeat top left;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 120%;
    margin: 15px 0 5px 0;
    color: #666666;
}
p {
    margin: 10px 0 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    padding: 20px 20px 20px 30px;
    background: url(../images/designPBackground.png) no-repeat top left;
}

#footer {
    background: url(../images/design.png) no-repeat 0 100%;
    width: 808px;
    height: 46px;
    clear: both;
}

#copyright, #copyright a, #copyright a:hover {
    font-size: 8pt;
    color: #999999;
    text-align: center;
}

/* button */

.buttonConfirm {
	font-weight: bold;
	color: white;
	cursor: pointer;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: #444 0px 1px 1px;
	border: 1px solid #D46C2C;
	background: #F3B008;
	background-image: -webkit-gradient(radial,center center,10,center center,480,from(#FFB11A),to(white));
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#F3B008),
		to(#E16D22)
	);
	background-image: -moz-linear-gradient(
		center top,
		#F3B008 0%,
		#E16D22 100%
	);
}

/* table */
.blue {
	width: 100%;
	border: 0;
	margin-bottom: 10px;
	border: 1px solid #DBE5F1;
	font-size: 11px;
}
.blue thead {
	background: url(../images/settings/designTableHead.png) repeat-x #E6EBF3;
	font-weight: bold;
}
.blue tbody {
	background: #DBE5F1;
}
.blue tbody th {
	text-align: left;
	font-weight: normal;
}
.blue div {
	text-align: center;
}
.blue input {
	width: 100%;
	background: #DBE5F1;
	border: 1px dotted #666666;
}
.blue input[type=radio] {
	width: auto;
	background: none;
	border: 0;
}