/* =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:Arial, Helvetica, sans-serif;
	font-size:12px;
}

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 10px -30px; /* Set footer height. */

}
#content {
	
	
	 margin:0; 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);
			
}
#main { overflow:hidden; padding:0;}
#header{padding-top:10px;}
#header h1 { display:block; float:left; background:url(images/nikai_logo.jpg); width:341px; height:81px; text-indent:-3000em;}
#header p { display:block; width:auto; float:right; margin-right:10px; margin-top:10px; }
#header p.welcome{ font-weight:bold;}
#header p.login, #header p.login a { color:#0099cc;}





#footer { background:#999999; height:30px;}
.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;}


/* == LOGIN FORM == */

.bg_shadow {
	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);

}
.min_width{ width:330px;}
#content h1{ margin:10px 0; }
.bg_shadow   td { padding:3px; vertical-align:middle; color:#666;}
.bg_shadow   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;}


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; border:1px solid #000; padding:3px; text-transform:uppercase;
color:#FFFFFF; cursor:pointer; font-size:11px;}

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{ width:300px; margin:0 auto; margin-top:140px;}
.login_form {margin:0 auto; width:300px;}
.login_form td { color:#666;}
.login_form td p{ text-align:left;}
.login_form td a{ color:#0099ff; text-align:left; text-transform:uppercase; font-weight:bold; font-size:11px; }
.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;  }
.login_form td.browsers { font-size:11px; padding:0; text-align:center; padding:0; padding-top:10px;}




#content .content_holder { margin-bottom:20px;}
#content .content_holder h1 { margin:0; background: url(images/h1_bg.gif) repeat-x center; display:inline-block; padding:0px 15px; line-height:30px; color:#FFFFFF; font-size:18px; }
#content .content_holder h2 { margin:0; padding:0px 15px; line-height:30px; color:#000000; font-size:18px; }
.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: none; 
    background: #000 url(images/loginpg_background.jpg) no-repeat center;
}
.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;
}