/* === FLASH MESSAGES === */
div#flash-notice {
	
}

div#flash-warning {
	
}

div#flash-error {
	
}

/* === ERROR MESSAGES === */
div#errorExplanation {
	background-color:#FFD;
	padding:10px;
}

div#errorExplanation h2 {
	font-size:14px;
	font-weight:bold;
	padding:0;
}

div#errorExplanation p {
	
}


div#errorExplanation ul {
	
}

div#errorExplanation ul li {
	
}

/* === FORMS === */
div.fieldWithErrors {
	
}

div.fieldWithErrors label {
	
}

div.fieldWithErrors input, div.fieldWithErrors select, 
div.fieldWithErrors textarea
{
	
}

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

label.error {
  background:url("../images/icons/cross.png") no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

label.checked {
  background:url("../images/icons/tick.png") no-repeat 0px 0px;
}
body {
	font-family:helvetica,arial,clean,sans-serif;
	font-size: 13px;
	line-height:16px;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;
	background-position: center top;
}
a { color:#2870B0; }

#container { width:640px; margin-left:auto; margin-right:auto; }
.col2-1, .col2-2 { float:left; width:50%; }

.button-clear { background: #fff 5px center no-repeat; border:1px solid #fff; color: #2C758F; padding: 5px 8px 5px 24px; margin-right: 5px; font-size: 11px; font-weight: bold; display:inline-block; }
.button { background: #DFF7FF 5px center no-repeat; border: 1px solid #A4DBEF; color: #2C758F;	padding: 5px 8px 5px 24px; margin-right: 5px; font-size: 11px;	font-weight: bold; text-decoration:none; display:inline-block; }

.button:hover { border:1px solid #0f0;}

.add_notification { background-image:url(../images/icons/bell__plus.png); }
.create, .update, .login, .signup, .submit { background-image:url(../images/icons/tick.png); }
.cancel { background-image:url(../images/icons/cross.png); }
.password { background-image:url(../images/icons/lock.png); }
.ical { background-image:url(../images/icons/calendar_month.png); }
.cancel:hover { border:1px solid #f00; }

#home-page p { font-size:18px; line-height:22px; }
#home-page p.intro { font-size:24px; line-height:28px; margin-bottom:20px; }


#domain-page .col2-1 { width:60%; }
#domain-page .col2-2 { width:40%; }

#domain-page .domain #notifications img.remove_notification { margin-top:-4px; }
#domain-page .domain #notifications h3 { font-size:16px; color:#333; font-weight:normal; margin-bottom:10px; }
#domain-page .domain #notifications table { width:100%; margin-bottom:10px; }
#domain-page .domain #notifications table td { padding:2px; }
#domain-page .domain #notifications table tr { border-bottom:1px solid #f6f6f6; }

#domain-page .domain #add_notification { margin-top:10px; margin-bottom:10px; }

#domains-page .col2-1 { width:70%; }
#domains-page .col2-2 { width:30%; }

#domains-page #domains { margin-top:5px; margin-bottom:5px; }
#domains-page #domains .domain { margin-bottom:10px; border-top:2px solid #D7E1EB; padding:10px; }
#domains-page #domains .domain h3 { font-size:18px; font-weight:normal; }
#domains-page #domains .domain h3 a { text-decoration:none;}

.domain p.updated { font-size:11px; color:#999; padding-bottom:4px; padding-top:2px; }
.domain .controls { float:right; top:-85px; position:relative; }
.domain .description { margin-top:10px; }

.domain .col2-1 .margin { padding-right:5px; }
.domain .col2-2 .margin { padding-left:5px; }

#domains-page .col2-1 .margin { padding-right:5px; }
#domains-page .col2-2 .margin { padding-left:5px; }

#domains-page .col2-2 { color:#555; }

#domain-form-page label,#login-form-page label { font-size:16px; color:#333; margin-bottom:5px; }
#domain-form-page input.field,#domain-form-page textarea.field,#login-form-page input.field { border:1px solid #f1f1f1; background-color:#f6f6f6; padding:6px; width:300px; margin-bottom:5px; margin-top:2px; font-size:16px; margin-right:4px; }

#calendar-page table.calendar { margin-bottom:10px; }

#calendar-page table.calendar-nav { margin-bottom:10px; text-align:center; width:100%; }
#calendar-page table.calendar-nav td { vertical-align: middle; }
#calendar-page table.calendar td a { font-weight:bold; } 

#header { height:100px; }
#header .col2-2 { text-align:right; }
#header .col2-2 a,#header .col2-2 { font-size:10px; color:#333; font-weight:bold; }
#header h1 a {
	display:block;
	width:439px;
	height:100px;
	background-image:url(../images/urlpad_logo.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#header h1 a span { display:none; }
#main-nav { background-color:#2870B0; height:30px; /*padding-left:20px;*/ margin-bottom:20px; }
#main-nav li a { font-size: 17px; color:#fff; background-color:#225F95; float:left; display:block; margin-right:10px; text-decoration:none; width:160px; height:22px; padding-top:7px; text-align:center; }
#main-nav li a:hover { background-color:#3487D1; color:#fff; }
#main-nav li { width:170px; float:left; display:block; }

#content h2 { font-size:26px; line-height:28px; color:#666; font-weight:normal; background-repeat:no-repeat; padding-left:40px; margin-bottom:10px; background-position:left top; height:35px; padding-top:2px; }
#content h2.tit_my_domains { background-image:url(../images/bg_tit_domains.png); }
#content h2.tit_my_calendar { background-image:url(../images/bg_tit_calendar.png); }
#content h2.tit_login { background-image:url(../images/bg_tit_login.png); }
#content h2.tit_signup { background-image:url(../images/bg_tit_signup.png); }
#content h2.tit_password { background-image:url(../images/bg_tit_password.png); }
#content h2.tit_about { background-image:url(../images/bg_tit_about.png); }
#content h2.tit_support { background-image:url(../images/bg_tit_support.png); }

#content h3 { font-size:18px; font-weight:normal; margin-bottom:10px; margin-top:10px; color:#999; }
#content h4 { font-size:16px; font-weight:normal; margin-bottom:10px; margin-top:10px; color:#999; }
#footer { border-top:1px solid #eee; margin-top:20px; padding-top:5px; padding-bottom:10px; }
#footer .copyright { width:640px; margin-left:auto; margin-right:auto; color:#ccc; font-size:11px; font-weight:bold; }


div#container
{
  height: 1%;
}

div#container:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}