/* =document================================ */
body {
    text-align: left;
}

/* =display================================ */

.block {
    display: block;
}
.inline {
    display: inline;
}
.hide {
    display: none;
}

/* =float================================ */

.left {
    float: left;
    display: inline; /* avoid IE double-margin */
}
.right {
    float: right;
    display: inline; /* avoid IE double-margin */
}

.clear {
    clear: both;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}

/* Clearfix to clear all contained floats */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* =fonts================================ */

body {
    font-size: 11px;
    color: #1D1D1D;
}

body,
.text-sans-serif {
	font-family: "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
	line-height: 16px;
}

.text-serif {
	font-family: Georgia, serif;
	line-height: 16px;
}

pre, code, var, samp, kbd, tt,
.text-mono {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 16px;
}

/* =decorations================================ */

a {
	color: #3276E8;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #4FA4F5;
}

a:focus {
	text-decoration: none;
}
a:focus {
	color: #4FA4F5;
}

em, cite, dfn {
	font-style: italic;
}
strong, dfn {
	font-weight: bold;
}

abbr, acronym {
	border-bottom: 1px dotted black;
	cursor: help;
}

.blank {
	font-style: italic;
}

a.add {
	background: url(../images/new/icons/add.png) left center no-repeat;
	padding: 4px 0 4px 18px	
}

a.back,
a.back:active {
	background: #9E9E9E url(../images/new/icons/back.png) left center no-repeat;
	color: white;
	font-size: 9px;
	height: 13px;
	line-height: 13px;
	padding: 0 4px 1px 14px;
	text-decoration: none;
}

a.back:hover {
	background: #5D5D5D url(../images/new/icons/back_on.png) left center no-repeat;
}

a.back:active {
	color: white;
	background: #9E9E9E url(../images/new/icons/back.png) left center no-repeat;
}

h2 a {
	color: #1D1D1D;
	text-decoration: none;
}

h2 a:hover {
	color: #666;
	text-decoration: none;
}

h2 a.domain {
	color: #666;
	font-size: 0.8em;
	text-decoration: none;
	/* background: #9E9E9E url(../images/new/icons/back_domain.png) left center no-repeat;
	color: white;
	font-size: 0.8em;
	height: 14px;
	line-height: 14px;
	padding: 0 4px 1px 14px;
	text-decoration: none;*/ 
}

h2 a.domain:hover {
	color: #1D1D1D;
	text-decoration: none;
	/* background: #5D5D5D url(../images/new/icons/back_on_domain.png) left center no-repeat; */
}


.text-light {
	color: #666;
}

.title-solid {
	background: url(../images/new/title_solid_bg.png) left center repeat-x;
	color: white;
	padding: 2px 4px;
}

.ok {
	background: url(../images/new/icons/ok.png) left center no-repeat;
	padding-left: 20px;
}

.warning {
	background: url(../images/new/icons/warning.png) left center no-repeat;
	padding-left: 20px;
}

/* } */
/* =space-vertical================================ */

p, h1, h2, h3, h4, h5, h6,
blockquote, address, pre,
body .margin-bottom {
    margin-bottom: 1.45em; /* 18px */
}

body .no-margin-bottom {
    margin-bottom: 0;
}

hr {
    width: 100%;
    height: 1px;
    margin: 0 0 1.42em; /* 17px */
    border: none;
    background: #E1E1E1;
    color: #E1E1E1;
}

/* =text================================ */

/* The bottom margins must be adapted to the element font size */

h1,
.text-xxxl {
    font-size: 2.18em; /* 24px */
    line-height: 1em; /* 24px */
    margin-bottom: 0.75em; /* 18px */
}
h2,
.text-xxl {
    font-size: 1.45em; /* 16x */
    line-height: 1.12em; /* 18px */
    margin-bottom: 1em; /* 16px */
}
h3,
.text-xl {
    font-size: 1.18em; /* 13px */
    line-height: 1.38em; /* 18px */
    margin-bottom: 1.23em; /* 10px */
}
h4,
.text-l {
    font-size: 1.09em; /* 12px */
    line-height: 1.5em; /* 18px */
    margin-bottom: 1.33em; /* 16px */
}
h5, h6,
.text-m {
    font-size: 1em; /* 11px */
    line-height: 1.45em; /* 16px */
	margin-bottom: 1.45em; /* 16px */
}
.text-s {
    font-size: 0.9em; /* 10px */
    line-height: 1.6em; /* 16px */
	margin-bottom: 1.6em; /* 16px */
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.75em;
}
h1, h2, h3, h4, h5 {
    font-weight: bold;
}
h6 {
    margin-bottom: 0;
}

blockquote {
	font-style: italic;
}

/* =lists================================ */

ul, ol, dl {
    margin-bottom: 1.45em; /* 16px */
}
ul, ol,
dl dd {
    margin-left: 16px; /* 16px */
}

ul li,
ol li ul>li { /* correct recursive list styling */
	list-style: disc outside;
	/*list-style-image: url(../images/new/bullet.png);*/
}

*+html ul li,
*+html ol li ul>li { /* correct recursive list styling */
	list-style: disc outside;
	list-style-image: none;
}

ol li,
ul li ol>li { /* correct recursive list styling */
    list-style: decimal outside;
}

dl dt {
    font-weight: bold;
}

ul.pipe {
	margin-left: 0;
	overflow: hidden;
	zoom: 1;
}

ul.pipe li {
	float: left;
	list-style: none;
	padding-right: 32px;
}

ul.space-li li,
ol.space-li li {
	padding-bottom: 6px;
}

ul.nobullet {
	margin-left: 0;
}

ul.nobullet li {
	list-style: none;
}

/* =tables================================ */

table {
    width: 100%;
    margin-bottom: 1.45em; /* 16px */
}
th, td {
    padding: 0.73em; /* 8px */
    padding-bottom: 0.6667em; /* 8px Vertical alignment */
    border: 1px solid #ccc;
}
th {
    font-weight: bold;
}

table.noborder th,
table.noborder td {
	border: 0;
	vertical-align: middle;
}

/* =forms================================ */

.req-fields {
	float: right;
}

/* fieldset */
fieldset {
    margin-bottom: 1.45em; /* 16px */
    padding: 4px 8px;
}

/* text & password */

input,
select,
textarea {
	background: #FDFDFD;
	border: 1px solid #999;
	padding: 3px 4px;
}

select {
	padding: 2px;
}

input[type="radio"],
input.radio {
	border: 0;
	width: 16px;
}

input[type="checkbox"],
input.checkbox {
	border: 0;
}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #666;
	outline: none;
}

input.input-text,
input.input-password {
    border: 1px solid #999;
}
input.input-text:focus,
input.input-password:focus {
    border-color: black;
}

/* submit & reset */
input[type="submit"],
input.input-submit,
input.input-reset,
a.button {
	color: white;
    border: 1px solid #999;
    background: #2A2A2A url(../images/new/button_bg.png) 0 0 repeat-x;
    font-weight: bold;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
}
input[type="submit"]:hover,
input.input-submit:hover,
input.input-reset:hover,
a.button:hover {
    background: #2A2A2A url(../images/new/button_bg.png) 0 -52px repeat-x;
}

input[type="submit"]:focus,
input.input-submit:focus,
input.input-reset:focus,
a.button:focus {
	color: #CCC;
    background: #2A2A2A url(../images/new/button_bg.png) 0 -104px repeat-x;
}

input[type="submit"]:active,
input.input-submit:active,
input.input-reset:active,
a.button:active {
	color: #CCC;
    background: #2A2A2A url(../images/new/button_bg.png) 0 -104px repeat-x;
}

a.cancel,
input.link {
	background: #727272 url(../images/new/buttonReset_bg.png) 0 0 repeat-x;
	border: 1px solid white;
	color: white;
	font-weight: bold;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
}

input.ttl {
	
	background: #2A2A2A url(../images/new/button_bg.png) 0 0 repeat-x;
	border: 1px solid white;
	color: white;
	font-weight: bold;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;	
	
	
}

input.cancel {
	background: #2A2A2A url(../images/new/buttonReset_bg.png) 0 -25px repeat-x;
	border: 1px solid white;
	color: white;
	font-weight: bold;
    padding: 4px 5px 4px 6px;
    text-align: center;
    text-decoration: none;
}

input.contact {
    width: 150px;
}
select.contact {
    width: 160px;
}

input.link,
input.ttl {
	border: 0;
	color: white;
}

input.ttl:hover {
	
	background: #2A2A2A url(../images/new/button_bg.png) 0 -52px repeat-x;
	cursor: pointer;
    text-decoration: none;
	
}

input.ttl:focus {
	background: #2A2A2A url(../images/new/button_bg.png) 0 -52px repeat-x;
    color: white;
}

input.ttl:active {
	background: #2A2A2A url(../images/new/button_bg.png) 0 -104px repeat-x;
    color: #CCC;
}

a.cancel:hover,
input.cancel:hover,
input.link:hover {
	background: #727272 url(../images/new/buttonReset_bg.png) 0 0 repeat-x;
	cursor: pointer;
    text-decoration: none;
}

a.cancel:focus,
input.cancel:focus {
	background: #2A2A2A url(../images/new/buttonReset_bg.png) 0 -50px repeat-x;
    color: #E6E6E6;
}

input.link:focus {
	background: none;
    color: white;
}

a.cancel:active,
input.cancel:active {
	background: #2A2A2A url(../images/new/buttonReset_bg.png) 0 -50px repeat-x;
    color: #E6E6E6;
}

input.link:active {
	background: none;
    color: #4FA4F5;
}

input[type="image"],
input.image {
	background: none;
	border: 0;
	padding: 0;
}

/* select */
select {
    border: 1px solid #999;
}

/* lists in forms */
form ul {
	margin-bottom: 0.9em;
}

form ul li {
	padding-bottom: 6px;
}

form ul li input {
	width: 18px;
	vertical-align: middle;
}

.form-errors {
    background: #FDE3E5;
    margin-bottom: 32px;
    margin-left: 6px;
    padding-left: 8px;
}

.form-errors h2 {
    background: #990000;
    color: white;
    font-size: 1.18em;
    margin-bottom: 0;
    padding: 6px 16px;
}

.form-errors ul {
    background: #FDE3E5;
    background: url(../images/new/icons/Error-icon.png) left center no-repeat;
    margin: 0;
    padding: 8px 36px;
}

.form-errors ul li {
	border-bottom: 1px dotted #DD9B9C;
	color: #990000;
	list-style: none;
	padding: 2px 0;
}

.form-errors p {
	font-weight: bold;
	padding: 0 16px 12px 16px;
}

.form-errors .field {
	color: #990000;
}

.form-warning {
	background: #FDFBE4;
	margin-bottom: 32px;
    padding-left: 8px;
}

.form-warning h2 {
	background: #999900;
	color: white;
	font-size: 1.18em;
	margin-bottom: 0;
	padding: 6px 16px;
}

.form-warning ul {
	background: #FDFBE4;
	background: url(../images/new/icons/Warning-icon.png) left center no-repeat;
	margin: 0;
	padding: 8px 32px;
}

.form-warning ul li {
	border-bottom: 1px dotted #A58621;
	color: #999900;
	list-style: none;
	padding: 2px 0;
}

.form-warning p {
	font-weight: bold;
	padding: 0 16px 12px 16px;
}

.form-warning .field {
	color: #999900;
}

.form-confirm {
	background: #E6FDE4;
	margin-bottom: 32px;
    padding-left: 8px;
}

.form-confirm h2 {
	background: #009900;
	color: white;
	font-size: 1.18em;
	margin-bottom: 0;
	padding: 6px 16px;
}

.form-confirm ul {
	background: #E6FDE4;
	background: url(../images/new/icons/Tips-icon.png) left center no-repeat;
	margin: 0;
	padding: 8px 32px;
}

.form-confirm ul li {
	border-bottom: 1px dotted #9CDFA1;
	color: #009900;
	list-style: none;
	padding: 2px 0;
}

.form-confirm p {
	font-weight: bold;
	padding: 0 16px 12px 16px;
}

.form-confirm .field {
	color: #009900;
}

input.error,
textarea.error {
	border: 2px solid #990000;
}

label {
	font-weight: bold;
	margin-right: 1px;
}

label.error {
	color: #990000;
	display: inline;
	padding-left: 8px;
	width: auto;
}

div.feedback {
	background: #D2EDD2;
	border: 2px solid #BFDEBD;
	margin: 16px 16px 0 16px;
	padding: 12px 16px;
}

div.feedback h3 {
	background: url(../images/new/ok.png) left center no-repeat;
	padding-left: 22px;
}

div.feedback p {
	margin-bottom: 4px;
}

form.w1_2 p {
	overflow: hidden;
	zoom: 1;
}

form.w1_2 label {
	display: block;
	float: left;
	margin-right: 8px;
	padding: 3px 0;
	text-align: right;
	width: 220px;
}

form.w1_2 label.ex { /* exception */
	display: inline;
	float: none;
}

form.w1_2 .form-action {
	padding-left: 228px;
}

.cbunder {
    padding-left: 230px;
    margin-top: 5px;
}

.action-sep {
	border-top: 1px solid #666;
	padding-top: 16px;
}
