@charset "UTF-8";

/* ========= portal.css ========= */
div#main div.contents{
	float:		left;
	width:		700px;
	}
div#main div.side{
	float:		right;
	width:		240px;
	margin:		0 auto;
	}
div.side div.userbox{
	width:		238px;
	background:	url(../images/portal/sidebox_bottom.gif) bottom repeat-y;
	margin:		0 auto 30px 0;
	text-align:	center;
	padding:	0 0 10px 0;
	}
h2{
	margin:		0;
	padding:	0;
	border:		none;
	background:	none;
	}

div#main p{
	margin:		0;
	padding:	0;
	}
p.alarmmore{
	text-align:	right;
	}
/*contents style*/
div.contents table.alarminfolist{
	margin:		10px 0 5px 0 ;
	text-align:	left;
	width:		100%;
	}
div.contents table.alarminfolist td{
	padding:	7px 0 0 5px;
	border:		none;
	border-bottom:	1px solid #c9c9c9;
	vertical-align:	top; 
	}
/*	accessbox	*/
div.accessbox{
	margin:		30px 0 20px 0;
	border:		1px solid #c9c9c9;
	width:		100%;
	background:	url(../images/portal/contentsbox_bg.gif) ;
	text-align:	left;
	}
div.accessbox h2{
	background-color:#fff;
	padding:	10px 30px;
	}
div.accessbox p{
	text-align:	left;
	display:	inline;
	}
div.accessbox p img{
	margin:		20px 0 10px 20px;
	}


/* securitybox	*/
div.securitybox{
	margin:		30px 0 20px 0;
	border:		1px solid #c9c9c9;
	width:		100%;
	background:	url(../images/portal/contentsbox_bg.gif) ;
	text-align:	left;
	}
div.securitybox h2{
	background-color:#fff;
	padding:	10px 30px;
	}
div.securitybox p{
	text-align:	left;
	display:	inline;
	}
div.securitybox p img{
	margin:		20px 0 10px 20px;
	}

/*	assetsbox	*/
div.assetsbox{
	margin:		10px 0 30px 0 ;
	border:		1px solid #c9c9c9;
	background:	url(../images/portal/contentsbox_bg.gif) ;
	text-align:	left;
	float:		left;
	width:		485px;
	}
div.assetsbox h2{
	background-color:#fff;
	padding:	10px 30px;
	}
div.assetsbox p{
	text-align:	left;
	display:	inline;
	}
div.assetsbox p img{
	margin:		20px 0 10px 20px;
}
/*	powerbox	*/
div.powerbox{
	margin:		10px 0 30px 0 ;
	border:		1px solid #c9c9c9;
	background:	url(../images/portal/contentsbox_bg.gif) ;
	text-align:	left;
	float:		right;
	width:		170px;
	}
div.powerbox h2{
	background-color:#fff;
	padding:	10px 15px 10px 25px;
	}
div.powerbox p{
	text-align:	left;
	display:	inline;
	}
div.powerbox p img{
	margin:		20px 0 10px 40px;
}

/*SIDE style*/
div.side div.userbox h3{
	margin:		0 0 5px 15px;
	padding:	0;
	}
div.side div.userbox table{
	border:		none;
	width:		203px;
	margin:		0 0 20px 15px;
	border-collapse: separate;
	}
*:first-child+html div.side div.userbox table/*IE7*/{
	margin-left:	0;
	}
div.side div.userbox table th{
	border:		none;
	border-bottom:	1px dotted #18a4f0;
	background-color:#b9e3f9;
	text-align:	left;
	padding:	0 5px;
	font-size:	12px;
	}
div.side div.userbox table td{
	border:		none;
	border-bottom:	1px dotted #18a4f0;
	text-align:	right;
	}
div.side div.userbox table.yearmonth{
	width:		203px;
	text-align:	center;
	margin:		10px 0 5px 15px;
	}
div.side div.userbox table.yearmonth td{
	border:		none;
	font-weight:	bold;
	font-size:	16px;
	}
div.side div.userbox table.yearmonth td.now{
	text-align:	center;
	}
div#main div.side p.bn{
	margin:		0 0 20px 0;
	padding:	0;
	}
#footer p.footmenu{
	float:		left;
	}
#footer p.copyright{
	float:		right;
	}
#header {
	height:		170px;
	}
#header div.headercenter{
	margin:			9px 0 0 240px;
	float:			left;
	text-align:		right;
	}
#header div.headercenter p.logtime{
	font-weight:		bold;
	text-align:		right;
	}
#header div.headercenter p.headmenu{
	padding-left:		60px;
	}
#header div.headercenter p.headmenu a{
	padding-left:		25px;
	}
#header p.versioninfo{
	text-align:		right;
	margin:			-15px 25px 0 0;
	}
#header div.headerleft{
      margin-top:             20px;
	}
/* ========= login ========= */
body#login #header{
	padding:	30px 0 0 20px;
	clear:		both;
	text-align:	center;

	}
body#login #main{
	margin:		15px auto 0 auto;
	width:		960px;
	clear:		both;
	text-align:	center;
	}
body#login #main h2{
	text-align:	center;
	margin:		50px auto 0 auto;
	}
body#login #main table{
	text-align:	center;
	margin:		30px auto 0 auto;
	}
body#login #main table th,body#login #main table td{
	padding:	5px 10px;
	}
body#login #main p{
	margin:		20px 0;
	text-align:	center;
	}
body#login #main p button{
	width:		150px;
	}

body#login #main p.ssl{
	margin:		250px 0 50px 0;
	text-align:	right;
	}
/* -- Flash Messages -- */
div.alert {
	text-align: left;
	font-weight: bold;
	margin: 0px 20px 20px 20px;
	border-style: solid;
	border-width: .5px;
	padding: 10px;
	border-radius: 9px;
	width: 375px;
}
div.alert-error {
    border-color: #FF0000;
	color: #111111;
	background-color: #ffc0c0;
}
div.alert-success {
    border-color: #00FF00;
	color: #111111;
	background-color: #C0FFC0;
}