/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	font-family:Verdana;
}

/*body { background:url(images/body_bg.jpg) repeat-x; }*/
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
	    margin:0;
	padding:0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
a img {
	border: 0;
}


a{ color:#fff;}
html, body {height: 100%;}
footer, .push {	height: 30px;}
footer {display: block; /* Use an HTML5 reset for this */}

p{ text-align:justify;}

h1  {
	font-size:36px;

	}
.clear { line-height:0; height:0; clear:both; float:none;}
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0px -30px; /* Set footer height. */

}
#content {
	
	
	 margin-left:20px; padding:0; overflow:hidden;
/*background:#ebebeb url(images/page_bg.jpg) repeat-x;  margin-bottom:10px; padding:20px;*/
		-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
			behavior: url(../pie/PIE.htc);
			
}
/*#loginControl_imgLogo{ display:block !important; float:left  !important; background:url(images/nikai_logo_Logincontrol.jpg)  !important; width:370px  !important; height:50px  !important; text-indent:-3000em;margin:0px !important;}*/
#main { overflow:hidden; padding:0;}
#header{padding-top:10px;background-color:#e10430;}
#header h1 { display:block; float:left; background:url(images/nikai_logo.jpg); width:159px; height:40px; text-indent:-3000em;margin-left:35px;margin-top:20px;}
#header p { display:block; width:auto; float:right; margin-right:10px; margin-top:10px; }
#header p.welcome{ font-weight:bold;color:#ffffff;font-size:13px;}
#header p.login, #header p.login a { color:#ffffff;text-decoration:none;font-size:13px;}


#footer { background:#999999; height:30px; font-size:10px;}
.footer_content { margin:0 10px; overflow:hidden;}
.footer_content p.copyright, .footer_content p.credits { display:block; float:left; padding-top:10px;  color:#FFFFFF;}
.footer_content p.credits { float:right;}
.footer_content p.credits a{ color:#FFF;}

.mand_style {color:red !important; padding-left:5px;}


/* == LOGIN FORM == */

.bg_shadow {
	display:block;
	padding:10px 20px 0px 0px; 
	/*background:#f1f1f1 url(images/login_bg.jpg) repeat-x;

	-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	box-shadow:0px 4px 8px rgba(0,0,0,0.5);*/
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	behavior: url(PIE.htc);

}
.bg_shadowNew {
	display:block;
	padding:20px; 
	background:#f1f1f1 url(images/login_bg.jpg) repeat-x;
    margin-top:20px;
	-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	behavior: url(PIE.htc);

}
.min_width{ width:330px;}
#content h1{ margin:10px 0; }
.bg_shadow   td { padding:3px; vertical-align:middle; color:#666;font-size:11px;}
.bg_shadow   td p { text-align:right;}

.bg_shadowNew   td { padding:3px; vertical-align:middle; color:#666;}
.bg_shadowNew   td p { text-align:right;}

.bg_shadowbps {
	display:block;
	padding:20px; 
	background:#f1f1f1 url(images/login_bg.jpg) repeat-x;

	-webkit-box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	box-shadow:0px 4px 8px rgba(0,0,0,0.5);
	padding:20px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	position:relative;
	behavior: url(PIE.htc);

}
.bg_shadowbps   td { padding:3px; vertical-align:top; color:#666;}
.bg_shadowbps   td p { text-align:right;}

#btnSave,#MainContent_btnSave{ background:#e10430 !important;
    border-radius: .3em;  padding:3px; text-transform:uppercase;margin-left:10px;
color:white !important; font-weight:bold; cursor:pointer; font-size:11px;width:55px; border:none}

input { border:1px solid #666666; padding:2px;}
input[type="submit"]:enabled,input[type="button"]:enabled,
.login_form td input[type="submit"] { background:#343434 url(images/btn_bg.jpg) repeat-x;moz-border-radius: .3em;
    border-radius: .3em;  padding:5px !important; text-transform:uppercase;margin-left:10px;height:23px;
color:#666666; cursor:pointer; font-weight:bold; font-size:11px; border:none;margin-right:10px;}

input[type="submit"]:hover,
.login_form td input[type="submit"]:hover { background-position:0 -40px; color:#999;}
.btn_submit { text-align:right; margin-top:8px; padding-top:8px;}



input[type=submit]:disabled,
button:disabled {
    background-color: rgb(247, 247, 247);
    color: rgb(219, 215, 215);
    border-color: rgb(223, 223, 223) !important;
}

.loginControl{height:100%;
width:100%;}
.login_form {margin:0 auto; width:365px;padding-left:0px;padding-bottom:20px;padding-top:0px;padding-right:0px; moz-border-radius: .1em !important;
    border-radius: .1em !important;}
.login_form td { color:#000000;}
.login_form td p{ text-align:left;}
.login_form td a{ color:#000000; text-align:left; font-weight:bold; font-size:11px;text-decoration:none; }
.login_form td a:hover { text-decoration:none;}
.login_form td td{ padding:0; font-size:11px;}
.login_form td input { padding:3px; border:1px solid #666; width:180px; color:#666666; background:#FFFFFF;}
.login_form td input[type="submit"]{width:100px; font-size:11px;color:#ffffff;  }
.login_form td.browsers { font-size:10px;color:#666666; padding:0; text-align:center; padding:0; padding-top:10px;padding-left:10px;}




#content .content_holder { margin-bottom:20px;}
#content .content_holder h1 { margin:0;  display:inline-block; line-height:30px; color:#666666; font-size:20px; }
#content .content_holder h2 { margin:0; line-height:30px; color:#000000; font-size:20px; }
.lblTitle{  margin:0; font-weight:bold; font-size:18px;}
.lblpopUpTitle{ color:#fff;}
.border_bottom { border-bottom:1px solid #d0d0d0;}
.border_bottom td{ padding-bottom:8px;}
.border_bottom  { margin-bottom:8px;}

.errLogin{color:Red;visibility:visible;}
.errorMsg, .required{color:Red;}
.sucessMsg{color:Green;}
.warningMsg{color:Orange;}
 
.AttributeModelPopUpPreview
{
    background:#ebebeb;
    padding: 10px;
    margin-bottom: 10px;
    width:350px;
    height:225px;
    overflow:auto;
}
.ModelPopUpPreview
{
    height:335px;
}
.modalBackground
{
    background-color: #ebebeb;
    filter: alpha(opacity=40);
    opacity: 0.75;
}
.ModalWindow
{
    background:#01253b;
    padding: 5px 5px 5px 5px;
    position: absolute;
}

.loginBody {
background: url(images/loginpg_background.jpg) no-repeat bottom center;
height: 100%;
width: 1280px;
width: 100%;
min-height:782px;
min-width:1280px;
}

.LoginBg
{
    background: #ffe292 url(images/bg.gif) repeat-x left bottom;
    min-height:782px;
    min-width:1280px;
}

.height_20
{
    height:20px;
    
 }
    

.SeriesModelPopUpPreview
{
    background:#ebebeb;
    padding: 10px;
    margin-bottom: 10px;
    width:350px;
    height:280px;
    overflow:auto;
}
.ModelModelPopUpPreview
{
    background:#ebebeb;
    padding: 10px;
    margin-bottom: 10px;
    width:350px;
    height:325px;
    overflow:auto;
}
.forecastHeader
{
    border:2px;
    text-align:right;
    width:100%;
   font-weight:bold;
   font-family:Verdana;
}
.height_15
{
    height:15px;
    
 }
 
 .height_8
{
    height:8px;
    
 }
 .TemplateModelPopUpPreview
 {
    background:#ebebeb;
    padding: 10px;
    margin-bottom: 10px;
    width:860px;
    height:425px;
    overflow:auto;
  }



 .errMsg
{
    padding: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    border: 1px solid #1E4667;
    background: #eeeeee;
    color: #083458 !important;
}


.errMsgText
{
    min-height: 30px;
    padding: 0 0 0 66px;
    background: no-repeat -1184px -1447px url(../images/sprite09.gif);
}

.errMsg, #errMsg, #errMsgText, .reqdAlert, .failureText
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF !important;
    border-radius: 5px;
    border: 1px solid #d00000;
    background: #fe4a4b;
    padding: 10px;
    margin-bottom: 10px;
}
.bgButton{
   -moz-border-radius: 22px;
    border-radius: 22px;
}