body { 
	font:helvetica,Lucida Sans,clean,sans-serif; 
	margin:0;padding:0; 
}

#container {
	width: 80% !important;
	margin: 50px auto 200px auto;
	text-align: left;
	padding: 25px 40px 40px 40px;

	background-color: #E8EEF7;
	border: 4px solid #264E75;
	position: relative;
	color: #112335;
}

#container h1, #container h2, #container h3 { color: #18324B; }

#container td { padding: 0 25px 25px 0; text-align: left; }
#container input.offsetmargin { width: 35px; font-size: 112%; }
#container p.ctr, #shbtnrow { text-align: center; }
#container h2.desc { font-size: 134%; color: #336600; font-weight:normal; }
#shbtnrow { width: 400px; margin: -5px auto 0 auto; }

#container .tip { font-weight:bold; cursor: pointer; color: purple; }

#democnt { 
	width: 396px;
	height: 283px;
	background: transparent url(grid.png) no-repeat 50% 50%; 
	padding: 0; margin: 0px auto 0px auto;  
	position: relative;
}
#smplbox { 
	width: 292px; 
	height: 164px; 
	position: absolute;
	top: 72px;
	left: 54px;
}

#hide_popup, #show_popup, #test_modal { font-size: 120%; margin: 0 0 15px 0; }

p.alert{color:red;}

#shsettings td, #shsettings th { vertical-align: top; padding: 5px;}

#container .demobox {
	margin: 10px auto;
	border: 3px solid #336600;
	background-color: #99CC66;
	width: 400px;
	padding: 15px;
	font-size: 132%;
	color:#ECFFD9;
}
pre { 
	border: 1px solid #99CC66;
	background: #D6DEE9;
	font-size: 92%;
	color: #336600;
	padding: 15px;
	font-weight: normal;
}


#news {
	width: 750px;
	text-align: center;
	padding:0;
	position: absolute;
	top: -40px;
	right: -4px;
	font-size: 92%;
	color: 444#;
}

#ads {
	width: 550px;
	text-align: right;
	padding:0;
	position: absolute;
	right: -4px;
	bottom: -90px;
}
#ads td {
	padding: 0 0 0 10px;
}

#ftr {
	width: 350px;
	text-align: left;
	padding:0;
	position: absolute;
	left: -4px;
	bottom: -125px;
	font-size: 92%;
	color: 444#;
}

/*
	orange popup
*/
.AscMask {
	background-color: black;
}
.AscPop {
	width: 170px !important;
	text-align: left; 
	position: absolute;
}
.AscPop .grid {
	width: 170px;
	display: table;
	border-collapse:collapse;border-spacing:0;padding:0;
}
.AscPop .grid tbody {
	margin:0;padding:0;
}
.AscPop .grid td {
	zoom:1;
	margin:0;padding:0;
}
.AscPop .grid .nw {
	width: 4px; 
	background: transparent url(box/orange/l.gif) no-repeat 0% 0%;
}
.AscPop .grid .ne {
	width: 4px; 
	background: transparent url(box/orange/r.gif) no-repeat top right;
}
.AscPop .grid .sw {
	width: 4px; height: 4px;
	background: transparent url(box/orange/l.gif) no-repeat bottom left;
}
.AscPop .grid .se {
	width: 4px; height: 4px;
	background: transparent url(box/orange/r.gif) no-repeat bottom right;
}
.AscPop .grid .north {
	background: transparent url(box/orange/c.gif) repeat-x 0% 0%;
	padding: 8px 8px 8px 8px; 
	font-size: 82%;
	color: black;
}
.AscPop .grid .s {
	height: 4px; 
	background: transparent url(box/orange/c.gif) repeat-x 0% 100%;
}


.AscPop .AscClose { 
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 12px;
}
.AscPop .AscClose a {
	width: 16px;
	height: 16px;
	display: block;
	background: transparent url(box/orange/fileclose.png) no-repeat 50% 50%;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	z-index:10001;
}
.AscPop .AscClose a:hover {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; 
}

.AscPop .p {
	position: absolute;
	visibility: hidden;
	z-index:10002;
	background-repeat: no-repeat;
	display: block;
}
.AscPop .ae {
	height: 16px; width: 9px;
	background-image: url(box/orange/ae.gif)!important;
}
.AscPop .aw {
	height: 16px; width: 9px;
	background-image: url(box/orange/aw.gif)!important;
}
.AscPop .an {
	width: 16px; height: 9px;
	background-image: url(box/orange/an.gif)!important;
}
.AscPop .as {
	width: 16px; height: 9px;
	background-image: url(box/orange/as.gif)!important;
}

/*
	for session alert modal
*/

.ModalPop table {
    margin: 0;
    border: 0;
}

.ModalPop tbody {
    margin: 0;
    border: 0;
}

.ModalPop tr {
    margin: 0;
    border: 0;
}

.ModalPop td {
    margin: 0;
    border: 0;
}

.ModalPop th {
    margin: 0;
    border: 0;
}

.ModalMask {
	background-color: black;
}
.ModalPop {
	width: 80% !important;
	text-align: left; 
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; 
}
.ModalPop .grid {
	width: 100%;
	display: table;
	border-collapse:collapse;border-spacing:0;padding:0;
}
.ModalPop .grid tbody {
	margin:0;padding:0;
}
.ModalPop .grid td {
	zoom:1;
	margin:0;padding:0;
}
.ModalPop .grid .nw {
	width: 7px; 
	background: transparent url(box/blue/l.png) no-repeat 0% 0%;
}
.ModalPop .grid .ne {
	width: 7px; 
	background: transparent url(box/blue/r.png) no-repeat top right;
}
.ModalPop .grid .sw {
	width: 7px; height: 7px;
	background: transparent url(box/blue/l.png) no-repeat bottom left;
}
.ModalPop .grid .se {
	width: 7px; height: 7px;
	background: transparent url(box/blue/r.png) no-repeat bottom right;
}
.ModalPop .grid .north {
	background: transparent url(box/blue/c.png) repeat-x 0% 0%;
	padding: 18px 8px 8px 8px; 
	font-size: 82%;
	color: black;
}
.ModalPop .grid .s {
	height: 7px; 
	background: transparent url(box/blue/c.png) repeat-x 0% 100%;
}

.ModalPop .grid .b p { margin: 0 0 2px 0;}
.ModalPop .grid .b h4 { font-size: 92%; margin: 0 0 3px 0; text-transform: uppercase;}
.ModalPop .grid .b h5 { font-size: 92%; margin: 0 0 2px 0;}
.ModalPop .p {
	position: absolute;
	visibility: hidden;
	z-index:402;
	background-repeat: no-repeat;
}
.ModalPop .ae {
	top: 18px;
	left: -8px;
	height: 20px; width: 9px;
	background-image: url(box/blue/ae.gif)!important;
}
.ModalPop .aw {
	top: 18px;
	right: -8px;
	height: 16px; width: 9px;
	background-image: url(box/blue/aw.gif)!important;
}
.ModalPop .an {
	left: 25px;
	bottom: -8px;
	width: 18px; height: 9px;
	background-image: url(box/blue/an.gif)!important;
}
.ModalPop .as {
	left: 25px;
	top: -8px;
	width: 18px; height: 9px;
	background-image: url(box/blue/as.gif)!important;
}


.ModalPop .ModalClose { 
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	right: 12px;
}
.ModalPop .ModalClose a {
	width: 16px;
	height: 16px;
	display: block;
	background: transparent url(box/blue/fileclose.png) no-repeat 50% 50%;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	z-index:10001;
}
.ModalPop .ModalClose a:hover {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; 
}
.ModalPop .ModalMessage .mi {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 15px 20px 75px;
	margin: 0 15px 0px 5px;
}
.ModalPop .f .mi {
	background-image: url(icons/64x64/important.png);
}
.ModalPop .n .mi {
	background-image: url(icons/64x64/clock.png);
}
.ModalPop .i .mi {
	background-image: url(icons/64x64/encrypted.png);
}
.ModalPop .msg {
	font-size: 100%;
}
.ModalPop .mid h2 {
	font-size: 140%;
	margin: 0 0 6px 0;
}
.ModalPop .mid p.med {
	font-size: 122%;
	margin: 0 0 8px 0;
	color: #264E75;
}
.ModalPop .mid p.sm {
	font-size: 100%;
	margin: 0 0 8px 0;
}
.ModalPop .mid p.alert {
	font-size: 92%;
	font-weight: bold;
	color: #CC0000;
	padding: 0 0 6px 0;
}
.ModalPop .cd {
	font-size: 450%;
	line-height: .5;
	font-weight: bold;
	color: #264E75;
}
.ModalPop .f .mi .msg .cd {
	color: #CC0000;
}
.ModalPop .i .mi .msg .cd {
	color: #FF9900;
}
