/* Style sheet for TWC Graphics Design template */
html {
	margin: 0px;
	padding: 0px;
}
body  {
	color: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: normal normal 12px Verdana, Arial, sans-serif;
}

div.error{
	margin-bottom:20px;
	padding:10px;
	text-align:left;
	border:1px solid #800000;
	background-color:#FFF0F0;
	color:#FF0000;
	width:250px;
	}

div.succes{
	margin-bottom:20px;
	padding:10px;
	text-align:left;
	border:1px solid #155518;
	background-color:#DDF7DE;
	color:#002B00;
	width:250px;
	}

input { color: #000; font: normal normal 11px Arial, sans-serif; }
h1    { background: #BFD5DC;
	border-top: 3px solid #6DA5B8;
	padding: 5px 5px 3px 3px;
	font: normal bold 12px Verdana, Arial, sans-serif;
	color: #202B4A;
	margin-top: 2px;  }
h2    { font: normal bold 12px Verdana, Arial, sans-serif;
	border-bottom: 3px solid #BFD5DC;
	padding-left: 3px;
	color: #1C2D3D; }
h3    { font: normal bold 11pt Arial, Verdana, sans-serif; color: #000;  }
h4    { color: #202B4A; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }



.leftcol { background: #6DA5B8;
	width: 244px;
	padding: 10px;
	color: #000;
	font:  normal normal 11px/16px Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: top;
	}

.leftcol a, .leftcol a:link, .leftcol a:visited {
	text-align: left;
	color: #000;
	text-decoration: none;
	padding: 2px 2px 2px 14px;
	display: inline;
	/*background: url(images/design_elements/menu.gif) no-repeat top left;*/
	}

.leftcol a:hover {
	text-align: left;
	color: #FFF;
	text-decoration: none;
	padding: 2px 2px 2px 14px;
	/*background: url(images/design_elements/menu2.gif) no-repeat top left;*/
	display: inline;
	}
.leftcol h1    { background: #1D5470;
	border-top: 3px solid #BFD5DC;
	padding: 5px 5px 3px 3px;
	font: normal bold 12px Verdana, Arial, sans-serif;
	color: #EFEFEF;
	margin-top: 2px;  }

.rightcol { background: #FFF;
	width: 476px;
	padding: 10px;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #BFD5DC;
	}

.fullcol { background: #FFF;
	width: 760px;
	padding: 10px;
	font:  normal normal 12px/16px Verdana, Arial, sans-serif;
	text-align: left;
	/*border-left: 1px solid #BFD5DC;
	border-right: 1px solid #BFD5DC;*/
	}
.fullcol p { padding-right: 10px;
	padding-left: 10px;}
.fullcol li { padding-right: 10px; }
.box1 { background: #BFD5DC;
	width: 233px;
	color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif;
	padding: 8px;
	text-align: left;
	border-left: 1px solid #D7DADE;
	border-right: 1px solid #D7DADE;
}
.boxtop1 { background: #6DA5B8;
	width: 233px;
	color: #F2F4F7;  font: normal bold 12px/16px Verdana, Arial, sans-serif;
	padding: 3px 8px 3px 8px;
	text-align: left;
	border-left: 1px solid #D7DADE;
	border-right: 1px solid #D7DADE;
}
.box2 { background: #C0DDD2;
	width: 232px;
	color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif;
	padding: 8px;
	text-align: left;
}
.boxtop2 { background: #6CB79C;
	width: 232px;
	color: #FFF;  font: normal bold 12px/16px Verdana, Arial, sans-serif;
	padding: 3px 8px 3px 8px;
	text-align: left;
}

/* Define footer section */
.footer {   background: #1D5470;
	font: normal normal 11px/20px Verdana, Arial, sans-serif;
	text-align: center;
	color: #FFF;
	width: 760px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	}
.footer a:link, .footer a:active, .footer a:visited  { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #BFD5DC; text-decoration: underline;  }

/* Define standard hyperlinks */
a:link, a:active, a:visited  { color: #1D5470; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }


/* Define textbox area */

.textbox      { background: #BFD5DC; color: #000;
	font: normal normal 11px/15px Verdana, Arial, sans-serif;
	padding: 5px; text-align: left;
	border: 1px solid #6DA5B8;
	width: 236px;
	}

table.form
{
	background-color:#F2F9FF;
	font-size:11px;
	font-weight:700;
	border-top: 1px dashed #6DA5B8;
	border-right: 1px dashed #6DA5B8;
	border-left: 1px dashed #6DA5B8;
	border-bottom: 1px dashed #6DA5B8;
}

.formfield{
	text-align: right;
}



td.form
{
	text-align: center;
	color:#202B4A;
	background-color:#BFD5DC;
	border-top: 3px solid #6DA5B8;
	vertical-align:middle;
	height:25px;
	font-size:14px;
	font-weight:700;
}


table.form_new
{
	background-color:#FFF;
	font-size:11px;
	font-weight: normal;
}

td.form_new
{
	text-align: center;
	color:#388534;
	background-color:#DAF0D9;
	border-top: 2px solid #48B143;
	vertical-align:middle;
	height:35px;
	font-size:14px;
	font-weight:700;
}


table.manage
{
	background-color:#F2F9FF;
	font-size:11px;
	font-weight: normal;
	border-right: 1px dashed #6DA5B8;
	border-left: 1px dashed #6DA5B8;
	border-bottom: 1px dashed #6DA5B8;
}




td.req
{
	color: #3A6B98;
}

.whiteback
{
	background:#FFF;
}

.redback
{
	background:#FFC0C0;
}

.notice{
	width:290px;
	margin:10px 0 0 0px;
	padding: 10px;
	border: 1px dashed #FF8000;
}

.notice h3{
	padding:0px;
	font-size: 14px;
	color: #FF8000;
	font-weight: bold;
}

input,textarea,file
{
	background:#F8F8F8;
	padding-left:5px;
	border:solid;
	border-color:#6DA5B8;
	border-width:1px;
}

select
{
	background:#F8F8F8;
	border:solid;
	border-color:#6DA5B8;
	border-width:1px;
}

.button
{
	background:#6DA5B8;
	color:#FFF;
	border:solid;
	font-size:11px;
	font-weight:700;
	font-family:arial, helvetica;
	border-color:#6DA5B8;
	border-width:1px;
	cursor: pointer;
}

.buttonover
{
	background:#BFD5DC;
	color:#3A6B98;
	font-size:11px;
	font-weight:700;
	font-family:arial, helvetica;
	cursor: pointer;
}

.smallbox
{
    width:290px;
	padding: 10px;
	border: 1px dashed #BFD5DC;
}

.account
{
	padding: 5px;
	border: 1px dashed #BFD5DC;
}

.smallbox h3{

}