/* CSS Document */

.suggestionsBox {
position: relative;
left: 20px;
width: 200px;
border: 1px solid #000;
}

/* remove indents and bullets */
.suggestionList ul {
margin: 0;
padding : 0;
list-style: none;
}

/* indicate selection with background color */
.suggestionList li:hover {
background-color: #eee;
}

.header_link, .header_link:active, .header_link:visited, .header_link:link
{
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:	bold;
	color:			#FFFFFF;
	text-decoration: none;
}

.header_link:hover
{
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:	bold;
	color:			#FFFFFF;
	text-decoration: underline;
}

.title_main
{
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		18px;
	color:			#1e5788;
}

.text
{
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	color:			#1e5788;
}

table.panel2, td.panel2 { background-color: #70b9fa; } /* classes for secondpanel xsl template */
table.panel2
{
    border: 0;
    width: 800px;
    height: 20px;
}

table.body, td.body { background-color: #afd5f6; }

.maximailList
{
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
}

.button
{
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	color:			#000000;
}

input
{
	border:			1px #458cca solid;
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		11px;
	height:			15px;
	vertical-align:	middle;
}

checkbox
{
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		11px;
	height:			15px;
	vertical-align:	middle;
}

.dropdownlist
{
	border:			1px #458cca solid;
	font-family:	Verdana, Tahoma, Helvetica, sans-serif;
	font-size:		11px;
	height:			20px;
	vertical-align:	middle;
}

/* basic elements */

body {

	font:			8pt/16pt Verdana, Arial, sans-serif;
	color:			#555753;
	margin-top:		10px;
	margin-bottom:	5px;
	margin-left:	10px;
	margin-right:	10px;
	background-repeat: repeat-x;
}

.tabletitle
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	height:			19px;
	text-align:		center;
	background-color: #9dbcd7;
	margin-top:		0px;
	margin-bottom:	0px;
}

.tablelist
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	100;
	color:			#000000;
	height:			19px;
	text-align:		center;
	background-color: #9dbcd7;
}

/*p, #content, #supportingText
{
	font:			8pt/14pt Verdana, sans-serif;
	margin-top:		0px;
}*/

h3
{
    font:			normal small-caps 12pt Georgia, serif;
    letter-spacing:	1px;
    margin-top:		-5px;
    margin-bottom:	10px;
    color:			#ACA790; /* #7d775c; - darker */
    height:			25px;
    padding:		7px 0px 0px 28px;
}

a
{
    font:			11px Verdana, sans-serif;
    font-weight:	bold;
    text-decoration:none;
    color:			#FFFFFF;
}

a:link
{
    font:			11px Verdana, sans-serif;
    font-weight:	bold;
    text-decoration:underline;
    color:			#000000;
/*#8f9e28;*/
}

a:visited
{
    font-weight:	bold;
    text-decoration:underline;
    color:			#FFFFFF;
}

a:hover, a:active
{
    text-decoration:none;
    color:#1e5788;
	/*#b8c271;*/
}

/* specific divs */
#container
{
    width:			650px;
    padding-bottom: 5px;
    padding-top:	20px;
    position:		relative;
    margin:			0 auto;
}

/* todo this is my css settings - start */
/* maximail specific div */

#content
{
    padding-right:	40px;
    padding-top:	20px;
    padding-left:	30px;
    overflow:		auto;
    position:		absolute;
    top:			72px;
    left:			177px;
    height:			333px;
    width:			400px;
}

#domainsArea
{
	padding-right:	10px;
    padding-top:	0px;
    padding-left:	10px;
    padding-bottom:	10px;
    overflow:		auto;
    height:			100%;
    position:		relative;
    height:			370px;
    width:			740px;
    font:			8pt/14pt Verdana, sans-serif;
}

#templateDomainList
{
    padding-right:	0px;
    padding-top:	5px;
    padding-left:	0px;
    overflow:		auto;
    /*background: transparent url(../images/springtime/whitebg.gif) no-repeat 0 0 !important;*/
    /*position:		absolute;
    top:			95px;
    left:			536px;*/
    height:			115px;
    width:			760px;
}

.submitBut
{
    line-height:	16px;
    color:			#000;
    font-size:		11px;
    margin-top:		5px;
    margin-bottom:	5px;
    margin-left:	5px;
    margin-right:	5px;
	height:			auto;
	width:			70px;
}

.submitButW
{
    line-height:	16px;
    color:			#000;
    font-size:		11px;
    margin-top:		5px;
    margin-bottom:	5px;
    margin-left:	5px;
    margin-right:	5px;
	height:			auto;
	width:			110px;
}

.browseBut
{
	text-align:		left;
	line-height:	16px;
    color:			#000;
    font-size:		11px;
    margin-top:		5px;
    margin-bottom:	5px;
    margin-left:	5px;
    margin-right:	5px;
	height:			19px;
	width:			25px;
}

.odd
{
    background:		#9dbcd7;
	font-size:		10px;
	color:			#000000;
}

.even
{
    background:		#a3c5e3;
	font-size:		10px;
	color:			#000000;
}

.oddover, .evenover
{
    background:		#2368a4;
    /*font:			10px Verdana, Arial, Helvetica, sans-serif;*/
    font-size:		10px;
	color:			#FFFFFF;
    cursor:			pointer;
}

.tabletitle
{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	font-weight:	bold;
	color:			#1e5788;
}

.knownLink
{
	font-size:		10px;
	color:			#006633;
}

.unknownLink
{
	font-size:		10px;
	color:			#990033;
}

/* todo this is my css settings  - end */

#intro
{
    min-width:		470px;
}

#pageHeader
{
    margin-bottom:	20px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#pageHeader h1
{
    width:			678px;
    height:			213px;
    margin-top:		0px;
}

#pageHeader h1 span
{
    display:		none;
}

#pageHeader #logo
{
    width:			178px;
    height:			50px;
    position:		absolute;
    top:			90px;
    z-index:		2;
    cursor:			pointer;
}

#pageHeader h2
{
    width:			84px;
    height:			261px;
    float:			right;
    margin-top:		0px;
    position:		absolute;
    top:			163px;
    left:			647px;
}

#pageHeader h2 span
{
    display:		none;
}

#quickSummary
{
    clear:			both;
    overflow:		auto;
    width:			147px;
    height:			201px;
    padding-top:	10px;
    padding-left:	15px;
    padding-right:	15px;
    position:		absolute;
    top:			213px;
    left:			0px;
}

#quickSummary p
{
    font:			8pt/12pt Verdana, sans-serif;
    color:			#eff2e5;
    text-align:		left;
}

#quickSummary a
{
    font:			bold 8pt/12pt Verdana, sans-serif;
    color:			#eff2e5;
    text-align:		left;
    text-decoration:underline;
}

#quickSummary a:hover
{
    font:			bold 8pt/12pt Verdana, sans-serif;
    color:			#eff2e5;
    text-align:		left;
    text-decoration:none;
}

#quickSummary p.credit
{
    position:		absolute;
    bottom:			40px;
}

#content
{
    padding-right:	40px;
    padding-top:	20px;
    padding-left:	30px;
    overflow:		auto;
    /*
	position: absolute;
    top: 72px;
    left: 177px;
	*/
    height:			333px;
    width:			400px;
}

#content p
{
    margin-bottom:	10px;
}

#supportingText
{
    float:			left;
    padding-right:	30px;
    padding-top:	200px;
    padding-bottom:	0px;
    margin-bottom:	0px;
    width:			617px;
}

#underground
{
    float:			right;
    padding-right:	10px;
    padding-top:	20px !important;
    padding-bottom:	30px;
    height:			333px;
    width:			400px;
}

#footer
{
    left:			0px;
    text-align:		center;
    padding-top:	30px;
    padding-bottom:	0px;
    float:			right;
    width:			580px;
}

#footer a:link, #footer a:visited
{
    margin-left:	20px;
    margin-right:	20px;
}

#linkList
{
    float:			left;
    position:		absolute;
    top:			424px;
    left:			0px;
    margin:			0px;
    width:			178px;
    text-align:		left;
    padding:		0px;
}

#linkList2
{
    font:			10px Verdana, sans-serif;
    margin:			0px;
    padding:		0px;
    padding-bottom:	100px;
    width:			178px;
    float:			left;
}

#linkList li
{
    list-style-type:none;
    background:		#c1c99a;
    padding:		8px;
    margin-bottom:	1px;
    margin-left:	-39px;
    width:			160px;
}

#linkList li:hover
{
    background:		#a6ae72;
}

#linkList li a
{
    display:		block;
    color:			#6e7746;
    font:			bold 11px Verdana, sans-serif;
    text-decoration:underline;
}

#linkList li a:hover
{
    display:		block;
    color:			#ffffff;
    font:			bold 11px Verdana, sans-serif;
    text-decoration:underline;
}

#linkList li a.c
{
    display:		inline;
    color:			#ffffff;
    font:			11px Verdana, sans-serif;
}



#linkList li a.c:hover
{
    display:		inline;
    color:			#6e7746;
    font:			11px Verdana, sans-serif;
}

#lresources
{
    padding-top:	0px;
    padding-bottom:	0px;
    margin-bottom:	-10px;
    float:			left;
}

#lresources h3.menubar
{
    font:			italic normal 9pt Georgia, serif;
    margin:			0px;
    margin-bottom:	-5px;
    color:			#6E7746;
}

/* end of modified stylesheet from www.csszengarden.com */

/* properly aligned list-item icons - from http://tinyurl.com/25flg */

#content ul, #supportingText ul
{
    list-style-type:none;
}



#content ul li, #supportingText ul li
{
    padding-left:	12px;
    margin-left:	-15px;
}

pre
{
    overflow:		auto;
    background-color:#ffd;
    border:			1px solid #ccc;
    padding:		5px;
}

/* This is the style for the informational messages presented to the user */

div.error, div.message
{
    background:		#ffc;
    border:			1px solid green;
    color:			black;
    font-weight:	normal;
    margin:			10px auto;
    padding:		2px;
    padding-left:	4px;
    text-align:		left;
    vertical-align:	bottom;
}

/* use a different color for the errors */

div.error
{
    border:			2px solid red;
}

table.lrborders, td.lrborders { /* table or cell with left and right borders */
    border-width: 0px 1px;
    border-style: solid;
    border-color: #458cca;
}

td.bborder { border-bottom: 1px solid #458cca; } /* cell with bottom border */
td.tborder { border-top: 1px solid #458cca; }    /* cell with top border */
table.box, td.box { border: 1px solid #458cca; } /* table or cell with border */

div.box, div.block
{
    border: 1px #458cca solid;
    background-color: #afd5f6;
    display: table;
    text-align: left;
    vertical-align: bottom;
    padding: 10px;
}

div.block
{
    display: block;
}

div.imageZoommer
{
    position: absolute;
    z-index: 2;
    padding: 4px;
    background-color: #458cca;
    top: -96px;
    left: -96px;
}

span.fieldError, span.errorMessage
{
    color:			maroon !important;
}

form input, form textarea, form select
{
    padding-left:	4px;
    color:			#666;
}

/* fix for spacing in IE */

form
{
	margin:			0px
}

input.button, button
{
    color:			#000;
    font-size:		11px;
    padding-left:	2px;
}

button, input.button
{
    /* fix button size in IE */
    line-height:	14px;
}

input.checkbox
{
	border:			0px;
}

/* make buttons looks the same in Mozilla */

/*div.button, p.button, td.input.button
{
    padding:		1px 3px !important;
}*/


/* Warning: IE doesn't support pseudo-class :focus */

form input:focus, form textarea:focus, form select:focus
{
    border:			2px inset orange;
    color:			#000;
}

form select
{
    padding-left:	0px;
}

.button3d, .button3d_disabled
{
	width: auto;
	border: 1px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #EEEEEE;
	background-image: url('../images/button_background.gif');
	background-repeat: repeat-x;
	color:			#333333;
	height:			19px;
}

.button3d_disabled { color: gray; }

.button3dfix
{
	border: 1px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #EEEEEE;
	background-image: url('../images/button_background.gif');
	background-repeat: repeat-x;
	color:			#333333;
	height:			19px;
	width:	100px;
}

.textArea
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 20px;
}

.commonData
{
    margin: 5px;
}

input.textfield
{
    width:500px;
}
input.textfield350
{
    width:350px;
}
input.textfield450
{
    width:450px;
}
input.textfield480
{
    width:480px;
}
input.file
{
    width:400px;
    height:19px;
}
textarea.textarea
{
    width:500px;
}
textarea.textarea450
{
    width:450px;
}
textarea.textarea480
{
    width:480px;
}