@CHARSET "UTF-8";

@import "../common.css";

html
{	
	background-image:url("/_styles/melon/bgHtml3.png");
	background-repeat:repeat-x;
	background-color:#FBF9EB;
}

body
{
	font-family:arial, sans-serif;
	font-size:11pt; 
}

body p
{
	margin:0px;
	padding:0px;
	line-height:1em;
}

body h1
{
    margin:0px 0px 12px 0px;
}

body h3
{
    margin:24px 0px 6px 0px;
    padding-bottom:2px;
    border-bottom:solid Silver 1px;
}

body img,
#header,
#footer
{
	color:#442404;
}

#header #logo
{
	background-image:url("/_styles/melon/bgLogo.gif");
	background-repeat:no-repeat;
	height:80px;
}

#header #banner
{
	font-weight:bold;
	font-size:16pt;
}

#header #user, #header #epUser
{
	font-size:9pt;
}

#header a,
#header a:visited,
#main #content a,
#main #content a:visited
{
	text-decoration:none;
	cursor:pointer;
	color:#EE4408;
}
#header a:hover,
#header a:focus,
#header a:active,
#main #content a:hover,
#main #content a:focus,
#main #content a:active
{
	text-decoration:underline;
	color:#923320;
}

#main
{
	color:#442404;
}


#main #menu
{
	height:18px;
	padding:5px;
	border-radius-topleft:8px;
	border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	background-image:url("/_styles/melon/bgMenu1.png");
	background-repeat:repeat-x;
}

#main #content #menu
{
	white-space:nowrap;
	padding:8px 6px 4px 8px;
	margin:-4px -12px 8px -12px;
	border-bottom:1px solid Sienna;	
}

#main #menu b
{
	background-image:url("/_styles/melon/bgButtonIn.png");
	background-repeat:repeat-x;
	border:1px solid #B88712;
	text-decoration:none;
	padding:2px 5px;
	color:#C13707;
}

#main #menu b,
#main #menu a
{
	margin:0px 16px 0px 0px;
	font-size:85%;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-decoration:none;
	font-weight:normal;
}

#main #menu a,
#main #menu a:visited
{
	padding:3px 6px;
	color:#9A2C06;
}

#main #menu a:hover
{
	background-image:url("/_styles/melon/bgButtonOut.png");
	background-repeat:repeat-x;
	border:1px solid #B88712;
	text-decoration:none;
	padding:2px 5px;
	color:#C13707;
}

#main #menu a:focus,
#main #menu a:active
{
	background-image:url("/_styles/melon/bgButtonIn.png");
	background-repeat:repeat-x;
	border:1px solid #B88712;
	text-decoration:none;
	padding:2px 5px;
	color:#E18261;
}



#main #content
{
	margin-top:2px;
	min-height:660px;
	padding:4px 12px 16px 12px;
	background-color:#FBF7D1;
	border:1px solid Peru;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#main #content p
{
	margin:0px 0px .75em 0px;
	line-height:1.25em;
}

td.tabPrevCpy
{
	vertical-align:bottom;
	text-align:center;
}

td.tabPrevCpy a
{
	background-color:#F4F0CC;
	margin-top:14px;
	margin-left:4px;
    padding:1px 1px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border:solid 1px Goldenrod;
	
	white-space:nowrap;
	font-size:80%;
	display:block;
}

#footer
{
	font-size:80%;
}

table#dashboard
{
	margin:16px auto;
	width:auto;
}

table#dashboard tr td.cell
{
	min-height:120px;	
	background-color:#F4F0CC;
	border:solid 1px Goldenrod;
	border-radius:8px;
	padding:4px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}


div.outerForm, table.outerForm
{
	padding:0px;
	margin:8px auto 8px auto;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	
	border: solid #E4E0BC 1px;
	background-color:#F9F3DC;
}

noscript.alertText, div.alertText
{
	text-align:center;
	margin-top:12px;
}

noscript.alertText span, div.alertText span
{
	padding:6px 8px;
	font-size:85%;
	font-weight:bold;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	border: solid #E4C09C 1px;
	background-color:#F9F3DC;
}

.formHeader
{
	padding:2px 4px;
	color:#442404;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:8px;

	border-radius-topleft:8px;
	border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;

	background-image:url(/_styles/melon/bgMenu1.png);
	background-repeat:repeat-x;
	background-color:#F9D680;
}


.formTabControls
{
	border-bottom:1px solid Silver;
    vertical-align:middle;
	white-space:nowrap;
	padding:3px 5px;
	height:30px;
}

.formHelpControls
{
	text-align:right;
}

.formTabControls a,
.formHelpControls a
{
	text-decoration:none;
	display:inline-block;
	font-weight:normal;
    font-size:8pt;
	color:#9A2C06;
}

.formTabControls a.tabLink,
.formTabControls a.selectedTabLink
{
	text-decoration:none;
	margin:0px 10px 0px 0px;
	-webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px;
    color:#C13707;
}

.formTabControls a.tabLink
{
    padding:3px 6px;
}

.formTabControls a.selectedTabLink,
.formTabControls a.selectedTabLink:HOVER,
.formTabControls a.selectedTabLink:FOCUS,
.formTabControls a.selectedTabLink:ACTIVE
{
	background-image:url("/_styles/melon/bgButtonIn.png");
	background-repeat:repeat-x;
	border:1px solid #B88712;
	text-decoration:none;
	padding:2px 5px;
	cursor:text;
}

.formTabControls a.tabLink:HOVER
{
	background-image:url("/_styles/melon/bgButtonOut.png");
	background-repeat:repeat-x;
	border:1px solid #B88712;
	text-decoration:none;
	padding:2px 5px;
}

.formTabControls a.tabLink:FOCUS,
.formTabControls a.tabLink:ACTIVE
{
	background-image:url("/_styles/melon/bgButtonIn.png");
	background-repeat:repeat-x;
	border:1px solid #B88712;
	text-decoration:none;
	padding:2px 5px;
	color:#E18261;
}            


.formDirections
{
	font-size:85%;
	padding:6px;
}

.formContents
{
	padding:0px 8px;
}

.formContents table
{
	padding-left:8px;
	margin:0px auto;
}

.formContents table tr td
{
	vertical-align:top;
	padding:0px;
}

.formContents .subSection table
{
	padding:0px;
	margin:0px;
}

.formContents .subSection table tr td input
{
	font-size:85%;
}

.formContents .formSectionTitle, .outerForm td.formSectionTitle
{
	border-bottom:1px solid Sienna;
	margin:12px 0px 4px -8px;
	font-size:97%;
	color:Sienna;
}

.outerForm td.formSectionTitle
{
	border-bottom:1px solid Sienna;
}

.formContents .subSection
{
	background-color:#F4F0CC;
    margin-bottom:4px;
	margin-left:4px;
    padding:3px 6px;
    
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border:solid 1px Goldenrod;
	
	white-space:normal;
}
.formContents .subSection .formSectionTitle
{
	margin:8px 0px 3px 0px;
	font-size:95%
}
.formContents .subSection :first-child.formSectionTitle
{
	margin:0px 0px 3px 0px;
	font-size:95%
}

.formContents .inputFieldArea
{
	margin-bottom:4px;
	display:block;
}

.formContents label.fieldInline,
.formContents label.fieldBlock,
.formContents label.fieldLeft,
.formContents div.fieldInline,
.formContents div.fieldBlock,
.formContents div.fieldLeft
{
	font-size:82%;
	padding:0px;
	margin:0px;
	color:Peru;
}
.formContents label.fieldLeft,
.formContents div.fieldLeft
{
	display:inline-block;
	padding-top:2px;
}
.formContents label.fieldInline,
.formContents div.fieldInline
{
	display:inline-block;
	vertical-align:3px;
}
.formContents label.fieldBlock,
.formContents div.fieldBlock
{
	display:block;
}

.formContents label span.rsup
{
	vertical-align:super;
	font-weight:bold;
	font-size:60%;
	color:red;
}

.formContents div.listSep
{
	height:1px;
	padding:0px;
	display:block;
	margin:3px 1px;
	border-bottom:1px solid Goldenrod;
}

.ajaxComboFieldArea
{
	font-weight:normal;
	max-height:24px;
	height:24px;
}
.ajaxComboFieldArea input
{
	display:block;
	text-align:left;
	font-size:8pt;
	vertical-align: middle;	
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	padding:1px 6px;
	border-width:1px;
	background-color:PaleGoldenRod;
}
.ajaxComboFieldArea input:FOCUS
{
	background-color:Cornsilk;
}
.ajaxComboFieldArea .comboDropDown
{
	width:auto;
	text-align:left;
	min-width:160px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 4px 4px 6px #333;
	-moz-box-shadow: 3px 3px 6px #333;
	-webkit-box-shadow: 3px 3px 6px #333;
	border:1px solid Peru;
	background-color:Cornsilk;
	font-size:8pt;
	position:fixed;
	margin-top:1px;
	display:none;
	padding:2px;
	height:12em;
}
.ajaxComboFieldArea .comboDropDown .comboItem
{
	display:block;
	cursor:pointer;
	padding:0px 2px;
	white-space:nowrap;
}
.ajaxComboFieldArea .comboDropDown .comboItemSelected
{
	white-space:nowrap;
	background-color:#855A2C;
	cursor:pointer;
	display:block;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:0px 2px;
	color:Cornsilk;
}

.formHeader .ajaxComboFieldArea input
{
	margin:6px 6px 0px 0px;
}

.formContents .requiredFieldIndicator
{
	padding-left:2px;
	color:Red;
}

.formContents input, .formContents select, .formContents textarea
{
	margin:0px; 
	font-size:90%;
	padding:1px 2px;
}


.formContents select
{
	max-width:320px;
}

.formContents #CaptchaSection
{
	display:block;
	width:100%;
}
.formContents #CaptchaSection .inputFieldArea,
.formContents #CaptchaSection .inlineSubText
{
	vertical-align:top;
	display:table-cell;
}
.formContents #CaptchaSection .inputFieldArea
{
	width:126px;
}
.formContents #CaptchaSection .inlineSubText
{
	padding:1em 2.5em 0em 4px;
	white-space:normal;
	font-size:80%;
}

.formContents #CaptchaSection input#inp_NoSpaznInput
{
	display:block;
}

.formContents #CaptchaSection img#img_NoSpaznCaptcha
{
	border:1px solid Peru;
	margin:2px auto 0px;
	display:block; 
	height:40px;
	width:120px;
}



div#pageDocAlertBoxDiv
{
	-moz-box-shadow: 10px 10px 6px #333;
	-webkit-box-shadow: 10px 10px 6px #333;
	box-shadow: 10px 10px 6px #333;
	border: solid DimGray 2px;
	max-width:720px;
	min-width:320px;
	z-index:99999;
}

div#pageDocAlertBoxTitle.formHeader
{
	padding:5px;
	font-size:11pt;
	margin-bottom:0px;
}

div#pageDocAlertBoxContent.formContent
{
	font-size:10pt;
	padding:6px;
}

div#pageDocAlertBoxContent.formContent p
{
	margin-bottom:4px;
}

div#pageDocAlertBoxContent.formContent li
{
	margin-bottom:2px;
}


div.formFooter
{
	border-top:1px solid Silver;
	margin-top:4px;
	padding:3px;
}

.formFooter
{
	font-size:8pt;
}

.formFooter .buttons
{
	text-align:right;
}

.formFooter .buttons input
{
	margin:1px 1px 2px 1px;
	padding:0px 6px;
	font-size:8pt;
}

.noteText
{
	margin:4px 0px 4px;
	font-size:7.25pt;
}


#DimmedBackground, #WorkingBackground
{
	zoom: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 0.44;
	-moz-opacity: 0.44;
	filter: alpha(opacity = 44);
	background-color: #000;
	z-index: 99998;
	display: none;
}

#WorkingBackground
{
	background-position: 50% 35%;
	background-repeat: no-repeat;
	background-image: url("/_styles/melon/ajax_activity_indicator_big.gif");
}
