/*
	@brief The layout setup CSS.
	@date 26-09-2007
	@author Jiri Plachy
*/

/* ============	NORMAL LAYOUT ============ */

body.normalLayout {
	background: url('../image/bodybg.gif') 50% 0% #F2F2F2;
}

body.normalLayout div.page {
	width: 978px;
	_width: 988px;
	margin: 0px auto;
	padding: 0px 7px;
	background: url('../image/bg.gif') 0% 0 #FFF repeat-y !important;
	text-align:left;
}

/*	
	TOP
*/

div#top {
	width: 978px;
}

#header {
	height: 95px;
	background: url('../image/header.jpg') 0% 0% no-repeat #3E66A1;
}

div#header h1 a {
	display: block;
	position: relative;
	left: 27px;
	top: 27px;
	width: 118px;
	height: 40px;
	background-image: url('../image/logo.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

div#header h1 a.udrp {
	background-image: url('../image/logo_udrp.gif')!important;
	height: 52px!important;
}

div#header a span {
	/* This prevents displaying the TEXT logo. */
	display: none;	
	padding-left: 40px;
}

/*	
	MESSAGE
*/

div#message div,
div.formError {
	padding: 5px;
	margin: 5px 0 5px 0;
}
div#message div, 
div.formError {
	width: 695px;
}

div#message div.failure, 
div.formError {
	border: 1px	solid #999;
	background-color: rgb(255,102,102);
	color: white;
}

div#message div.success {
	border: 1px	solid #999;
	background-color: rgb(255,255,153);
}

div.formError {
	font-size: 12px;
}

/*
	SIDEBAR
*/

div#sidebar {
	width: 220px;
	min-height: 600px;
	_height: 600px;
	float: left;
}

div#left div#logged_user {
	background: url('../image/leftmenubg.gif') 0% 0% repeat-x #F6F6F6;
	padding: 10px 0 5px 0px;
	border-bottom: 1px solid #B9B9B9;
	font-size: 11px;
	color: #6C6C6C;
	text-align: center;
}

div#left div#search {
	background: url('../image/leftmenubg.gif') 0% 0% repeat-x #F6F6F6;
	padding: 10px 0 5px 0px;
	border-bottom: 1px solid #B9B9B9;
	font-size: 11px;
	color: #6C6C6C;
	text-align: center;
}

div.sideboxmenu {
	width: 220px;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

div.boxhead {
	width: 220px;
	line-height: 27px;
	background: #808080;
}

div.boxhead h3 {
	width: 120px;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	padding-left: 10px;
	height: 27px;
}

div.boxhead span {
	float: right;
	margin-top: -27px;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
}

div.boxhead a {
	color: #70B7E1;
}

div.boxhead a:hover {
	color: #A6D9F7;
}

div.boxbody {
	width: 218px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	margin-bottom: 4px;
	padding: 0 0 10px 0;
}

/*	
	CONTENT
*/

div#content {
	width: 707px;
    margin-left: 1px;
    float: left;
    background: url('../image/rightbg.gif') 0% 0% repeat-x;
    padding: 40px 25px 15px;
    min-height: 345px;
    _height: 345px;
}

/*	
	FOOTER
*/

div#footer {
	clear: both;
	background: url('../image/menubg.jpg') 0% -1px repeat-x #FFF;
	font-size: 10px;
	height: 2.5em;
	line-height: 2.5em;
	text-align: right;
	color: #99B826;
	padding: 0px 10px 0px 0px;
	_width: 978px;
}

div#footer a, div#footer span{
	color: #9C9C9C;
	margin: 0 5px;
}

div#footer a:hover{
	color: #99B826;
}

div#pageend{
	float: none;
	clear: both;
	height: 6px;
	font-size: 1px;
	line-height: 1px;
	width: 992px;
	margin: 0 auto;
	background: url('../image/endbg.gif') 0% 50%  no-repeat;
}


/*	
	OTHER
*/

div.cleaner {
	clear: both;
}

/* ============= POPUP TEMPLATE LAYOUT ============= */

body.popupLayout {
	margin: 10px;
	text-align: left;
}

/*
	MESSAGE
*/

body.popupLayout div#message div {
	margin-bottom: 10px;
	width: 730px!important;
} 

/*
	CONTENT
*/

body.popupLayout div.page {
	font-size: 14px;
	width: 745px!important;
}

body.popupLayout div#content {
	background: none;
	padding: 0px;
}

/* ============= PRINT TEMPLATE LAYOUT ============= */

body.printLayout {
	margin: 10px;
	text-align: left;
}

/*
	CONTENT
*/

body.printLayout div.page {
	font-size: 14px;
}

body.printLayout div#content {
	background: none;
	padding: 0px;
}

.center {
	text-align: center!important;
}