@charset "utf-8";
/* CSS Document */

*{font-family:Tahoma, Geneva, sans-serif; }
html, body{height: 100%; font-size: 12px; line-height: 18px; background:url(../images/black/bg_black3.gif); /*background-color:#e2e2e2; background-color:#d5e1e8;*/}
a:link{color: #39F}
a:visited{color:#39F}
a:active{color:#39F}
a:hover{color:#FF9900}

button{cursor: pointer}
*+html button{ width:auto; overflow:visible; } /*IE7*/


input[type=text],input[type=password], select, textarea{padding: 3px; border: 1px solid #ccc; font-size: 12px; border-radius: 4px;}
input[type=text]:focus,  input[type=password]:focus, select:focus, textarea:focus{border: 1px solid #ccc; background-color: #FFFFDF;}

input[type=radio] { cursor:pointer; }
/*
fieldset{border: 1px solid #ccc; border-radius:4px; padding: 10px; background:none;}
fieldset legend{padding: 2px 5px; font-weight: bold; margin-left: 15px;background:#FFF;}
*/
fieldset { border:1px solid #333;border-radius:4px; padding: 10px; background:#FFF;box-shadow: 0 0 10px rgba(0,0,0,.3); }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #333;
  font-weight: bold;
  text-align:left;background:#FFF;
}


a img{ border:0; }
*:focus{outline:none;}
*:active{outline:none;}
*:visited{outline:none;}
*::-moz-focus-inner { border: 0; } /*FIX FIREFOX BUG*/

/*Common Classes*/
.alternate-row{ background:#F1F1F1;}
.white{color:#FFF;}
.grey{color: grey;}
.red{color:#F00;}
.blue{color:#00F;}
.green{color:#0F0;}
.bold{font-weight: bold;}
.left{float: left;}
.right{float: right;}
.p-row{padding: 2px 0px; margin:0px; }
.input-style-1{border: 1px solid #ccc; background: #FFFFFF;}
.text-c{ text-align:center;}
.text-l{ text-align:left;}
.text-r{ text-align:right;}
.border-red{ border:solid 1px #FF0000;}
.border-green{ border:solid 1px #009900;}
/*color picker button*/
.bttn-color-picker{padding:0px; margin:0px; background: url(../../jslibs/colorpicker/images/color-swatch.png) no-repeat left -2px; border: none; vertical-align:top; width: 25px; height: 25px; overflow: hidden;}
.bttn-color-picker:hover{background: url(../../jslibs/colorpicker/images/color-swatch.png) no-repeat left -2px; }
.color-picker-preview{width:23px; height: 21px; border: 1px solid #333;  background-color:#FFFFFF; display: inline-block; vertical-align: top;}

.clearfloat{clear:both; font-size:1px;line-height:1px;height:1px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;clear:both;font-size: 1px;line-height:1px;}
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}

/*Job*/
.frm-job input[type=text],.frm-job input[type=password],.frm-job select{ 
width:300px; -webkit-border-radius:4px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:4px; border: 1px solid #CCC;
}
.frm-job input[type=text]:focus, .frm-job input[type=password]:focus,.frm-job select:focus,.frm-job textarea:focus{border: 1px solid #ccc; background-color: #FFFFDF}

/*Loading*/
.loading {
	position: absolute;
	width:100%;
	height: 100%;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center 45%;
	z-index:999;
}

.loading2 {
	position: absolute;
	width:100%;
	height: 100%;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center 45%;
	z-index:999;
}

/*Message box*/
.error{background: #ffc7c7 url(../images/icons/warning_msg_icon.gif) no-repeat 5px center; padding:5px 5px 5px 25px; border: 1px solid #FF6633;}
.message{background: #FFFF99 url(../images/icons/note_msg_icon.gif) no-repeat 5px center; padding:5px 5px 5px 25px; border: 1px solid #fad211;}
.info{background: #ddedfd url(../images/icons/info.png) no-repeat 5px center; padding:5px 5px 5px 25px; border: 1px solid #a4cdf6;}
.success{background: #DDFFAE url(../images/icons/success_msg_icon.gif) no-repeat 5px center; padding:5px 5px 5px 25px; border: 1px solid #80DD00;}


/*Paginator*/
.paginator{padding: 3px;}
.paginator img{ vertical-align:middle;}
.paginator span{padding: 0px 2px;}
.paginator a{padding: 0px 2px; color: #FF9900;}

/*Editor control*/
.editor-toggle-control{padding:0px; margin-bottom:2px;}

/*Form Buttons*/
button {
	
	height:22px; 
	border: 1px solid #ed6502; 
	padding:1px 2px 2px 2px; 
	background:#ffac47 url(../images/btn_bg.gif) repeat-x 0 100%; 
	color:#FFFFFF; 
	font:bold 12px; 
	cursor:pointer; 
	text-align:center !important; 
	white-space:nowrap; 
}



button:hover { background:#f77c16 url(../images/btn_over_bg.gif) repeat-x 0 0; }
button:active{ background:#f77c16 url(../images/btn_on_bg.gif) repeat-x 0 0; }
button span{ line-height:1.35em; background-repeat:no-repeat; background-position:0 50%; }

button.add span,
button.back span
{ padding-left:20px; }
button.add{ padding-left:6px; }
button.add span { background-image:url(../images/add_btn_icon.gif); }
button.back { border-color:#ccc #aaa #aaa #ccc; background-color:#FFFFFF; background-image:url(../images/btn_back_bg.gif);color:#555; }
button.back:hover { border-color:#ccc #aaa #aaa #ccc; background-image:url(../images/btn_back_bg.gif); background-color:#CCC; color:#555; }
button.back span { background-image:url(../images/icon_btn_back.gif); }
button.save span    {padding-left:20px; background-image:url(../images/icon_btn_save.gif); }
button.delete span  {padding-left:20px; background-image:url(../images/icon_btn_delete.gif); }

a.tag-button{ height:16px; display: inline-block;  border-width:1px; border-style:solid; border-color:#ed6502 #a04300 #a04300 #ed6502; padding:2px 7px 2px 7px; background:#ffac47 url(../images/btn_bg.gif) repeat-x 0 100%; color:#FFFFFF; font:bold 12px; cursor:pointer; text-align:center !important; white-space:nowrap; text-decoration:none; }
a.tag-button:hover{ background:#f77c16 url(../images/btn_over_bg.gif) repeat-x 0 0; }

a.view{ display:inline-block; width:16px; height: 16px; background:url(../images/icons/view_16x16.png) no-repeat left top; }
a.edit{ display:inline-block; width:16px; height: 16px; background:url(../images/icons/page_white_edit.png) no-repeat left top; }
a.delete{ display:inline-block; width:16px; height: 16px; background:url(../images/icons/trash_16x16.gif) no-repeat left top; }
a.close{display: block; width:15px; height: 24px; background:  url(../images/controls.gif) no-repeat left top; }
a.close:hover{background-position: left -24px;}

a.edit2{ text-indent:-9999px; display:block; float: left; width:16px; height: 16px; background:url(../images/icons/page_white_edit.png) no-repeat left top; }

/*Dialog box*/
.dialog-box{border: 1px solid #abc5df; background-color:#FFFFFF; margin-bottom:3px; }
.dialog-box .title{display: block; background: url(../images/nav_bg_1.gif) repeat-x left top; padding: 3px 5px; margin:0px}
.dialog-box .title h3{display:block; padding:0px 0px 0px 16px; margin:0px; background:url(../images/icons/window_corner.gif) no-repeat 4px center;}
.dialog-box-inner{padding: 10px;}
.dialog-box table tr td{padding: 4px;}

/*Data Grid Table*/
.grid-data{ overflow:hidden; border:solid 0px red;background-color:#666;}
.grid-data table.grid{border: 1px solid #d1cfcf; margin:0px;}
.grid-data table.grid thead tr{}
.grid-data table.grid thead tr td, .grid-data table.grid thead tr th{padding:0px;  border-bottom: 1px solid #d1cfcf; text-align:center; background:#F1F1F1; }
.grid-data table.grid thead tr td span, .grid-data table.grid thead tr th  span{display: block;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right: 1px solid #d1cfcf; height: 100%;padding:5px; background:url(../images/black/tbl_hd_bg.gif) repeat-x left center; font-weight: bold; height:30px; line-height:30px; }
.grid-data table.grid thead tr td span a, .grid-data table.grid thead tr th  span a{color:#000000; text-decoration:none;}
.grid-data table.grid thead tr td span a.asc, .grid-data table.grid thead tr th  span a.asc{ padding-right:15px; background:url(../images/black/arrow_down.gif) no-repeat center right;}
.grid-data table.grid thead tr td span a.desc, .grid-data table.grid thead tr th  span a.desc{padding-right:15px; background:url(../images/black/arrow_up.gif) no-repeat center right;}
.grid-data table.grid thead tr td label{display: block;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right: 1px solid #d1cfcf; height: 100%;padding: 3px 10px;  font-weight: bold;}
.grid-data table.grid thead tr.filter td span{background: none;}
.grid-data table.grid tbody tr td{background-color:#FFFFFF;}
.grid-data table.grid tbody tr.odd td{background-color:#FFFFFF;}
.grid-data table.grid tbody tr.even td{background-color:#F5F5F5; }
.grid-data table.grid tbody tr.action td{background-color:#D3D3D3; }
.grid-data table.grid tbody tr:hover td,.grid-data table.grid tbody tr.even:hover td,
.grid-data table.grid tbody tr.hilite td,.hilite, .hilightRow, .hilightRow td{background-color:#C0FF82; }/*background-color:#FFFFC4; */
.grid-data table.grid tbody tr td{border-right:1px solid #dadfe0; border-bottom:1px solid #dadfe0; padding:4px;}
.grid-data table.grid tbody tr td.empty-data{background-color:#f2f2f2; text-align:center; table-layout:auto}
.grid-data table.grid tfoot tr td{ padding:4px 2px 4px 2px; background-color: #f6f6f6;}

.grid-data table.grid-report{ border-spacing:1px; border-collapse:separate; background-color:#ccc;}
.grid-data table.grid-report thead tr{background: #eee;}
.grid-data table.grid-report thead tr td{padding:0px 5px; background: #eee url(../images/tb_grid_report_bg.gif) repeat-x left bottom; font-weight: bold; text-align:center;}
.grid-data table.grid-report thead tr.filter td span{background: none;}
.grid-data table.grid-report tbody tr.odd td{background-color:#FFFFFF;}
.grid-data table.grid-report tbody tr.even td{background-color: #f6f6f6;}
.grid-data table.grid-report tbody tr td{}
.grid-data table.grid-report tbody tr td.empty-data{background-color:#f2f2f2; text-align:center; table-layout:auto}
.grid-data table.grid-report tfoot tr td{ padding:4px 2px 4px 2px; background-color: #f6f6f6;}

.grid-data table.grid2{border-bottom:none; border-right: none;}
.grid-data table.grid2 thead tr{}
.grid-data table.grid2 thead tr td{padding: 0px;  border-bottom: 1px solid #d1cfcf; text-align:center; }
.grid-data table.grid2 thead tr td span{display: block;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right: 1px solid #d1cfcf; height: 100%;padding: 3px 10px; background: url(../images/tbl_hd_bg.gif) repeat-x left center; font-weight: bold;}
.grid-data table.grid2 thead tr td label{display: block;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right: 1px solid #d1cfcf; height: 100%;padding: 3px 10px;  font-weight: bold;}
.grid-data table.grid2 thead tr.filter td span{background: none;}
.grid-data table.grid2 tbody tr.odd td{background-color: #FFFFFF;}
.grid-data table.grid2 tbody tr.even td{background-color: #f6f6f6;}

.grid-data table.grid2 tbody tr td.empty-data{background-color:#f2f2f2; text-align:center; table-layout:auto}
.grid-data table.grid2 tfoot tr td{ padding:4px 2px 4px 2px;background-color: #f6f6f6;}

.grid-data .text-c{ text-align:center;}
.grid-data .text-l{ text-align:left;}
.grid-data .text-r{ text-align:right;}
.grid-data .text-center{ text-align:center; width:30px;}
.grid-data .input-sort{ text-align:center; width:30px;}
.grid-data .w30{width:30px;} .grid-data .w50{width:50px;} .grid-data .w70{width:70px;}  .grid-data .w80{width:80px;}
.grid-data .w100{width:100px;} .grid-data .w120{width:120px;} .grid-data .w150{width:150px;}
.grid-data .w200{width:200px;} .grid-data .w220{width:220px;} .grid-data .w250{width:250px;}
.grid-data .w300{width:300px;} .grid-data .w320{width:320px;} .grid-data .w350{width:350px;}
.grid-data .w400{width:400px;} .grid-data .w420{width:420px;} .grid-data .w450{width:450px;}
.grid-data .w500{width:500px;} .grid-data .w520{width:520px;} .grid-data .w550{width:550px;}
.grid-data .w600{width:600px;} .grid-data .w620{width:620px;} .grid-data .w650{width:650px;}
.grid-data .w700{width:700px;} .grid-data .w720{width:720px;} .grid-data .w750{width:750px;}
.grid-data .w800{width:800px;} .grid-data .w820{width:820px;} .grid-data .w850{width:850px;}
.grid-data .w900{width:900px;} .grid-data .w920{width:920px;} .grid-data .w950{width:950px;}
.grid-data .w1000{width:1000px;} .grid-data .w1020{width:1020px;} .grid-data .w1050{width:1050px;}

.grid-data .h30{height:30px;} .grid-data .h50{height:50px;} .grid-data .h80{height:80px;}
.grid-data .h100{height:100px;} .grid-data .h120{height:120px;} .grid-data .h150{height:150px;}
.grid-data .h200{height:200px;} .grid-data .h220{height:220px;} .grid-data .h250{height:250px;}
.grid-data .h300{height:300px;} .grid-data .h320{height:320px;} .grid-data .h350{height:350px;}
.grid-data .h400{height:400px;} .grid-data .h420{height:420px;} .grid-data .h450{height:450px;}
.grid-data .h500{height:500px;} .grid-data .h520{height:520px;} .grid-data .h550{height:550px;}
.grid-data .h600{height:600px;} .grid-data .h620{height:620px;} .grid-data .h650{height:650px;}
.grid-data .h700{height:700px;} .grid-data .h720{height:720px;} .grid-data .h750{height:750px;}
.grid-data .h800{height:800px;} .grid-data .h820{height:820px;} .grid-data .h850{height:850px;}
.grid-data .h900{height:900px;} .grid-data .h920{height:920px;} .grid-data .h950{height:950px;}

/*Login box*/
.login-box{width:356px; margin: 0px auto; text-align:left; position: relative;}
.login-box .top{height:6px; background:url(../images/login_bg_top.gif) no-repeat left top;}
.login-box .bottom{height:6px; background:url(../images/login_bg_bottom.gif) no-repeat left bottom;}
.login-box .middle{background:url(../images/login_bg.gif) repeat-y top left; height: 220px; padding: 0px 4px;}
.login-box .logo{position: absolute; top: -28px; left:0px; border: none;}
.login-box .copy{background-color: #d3dce6; position: absolute; bottom: 5px; left: 4px; width: 328px; padding: 5px 10px; text-align:center; color:#77939c; font-size: 11px;}
.hd-login{padding: 5px 5px; margin-bottom:1px; border-bottom:1px solid #ddd;}
.login-loading{display: inline-block; float: left; height:20px; width:80px; background:url(../images/progress_bar3.gif) no-repeat center center;}
#loginForm{padding: 10px;}
#loginForm p label{float: left; width:75px;}
.indicator{display: inline-block; width:8px; height:5px; margin-left:3px; background: url(../images/icons/error_arrow.gif) no-repeat left center;}

/*Navigation*/
#hd .nav-bx{ margin-top:0px;border-bottom: 0px solid #666; /*border-left: 1px solid #a0afc2;*/border: 1px solid #000;padding: 0px 0px; height: 30px; background:url(../images/nav_bg_2.gif) repeat-x; min-width: 1100px}
#hd .logo{position: absolute; left: 15px; top: 5px;}
#hd .utilise{position: absolute; right: 10px; top: 15px;}
#nav{padding: 0px; margin:0px; list-style: none; height: 30px;  width: 1100px}
#nav li{padding: 0px; margin:0px; list-style: none; position: relative;}

#nav li.sub{background: url(../images/nav2_parent_arrow.gif) no-repeat right bottom; }
#nav li.level0{background: url(../images/nav_seperator2.gif) no-repeat right center; padding-right:2px; float: left;}
#nav li.level0 > a{display: block; float: left; background:url(../images/nav_bg_2.gif) repeat-x left top; height: 30px; color:#F7F7F7; text-decoration:none; padding: 0px 10px; line-height: 30px; font-size: 12px; font-weight: bold;}
#nav li.level0 > a:hover{ color:#FFF; background: url(../images/nav_bg_2.gif) repeat-x;}
#nav li.level0.active > a{ color:#F06; background: url(../images/nav_bg_2.gif) repeat-x 0px -30px; }
#nav li.level0.current > a{ border-left: 0px solid #a0afc2; background: url(../images/nav_bg_2.gif) repeat-x 0px -30px; color:#000; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);}
#nav li.level0 > ul{position: absolute; left:-26px; top: 17px; background-color:#333333; width: 200px;  padding: 0px 0px; border: 1px solid #999999; display: none; z-index:10000;}
#nav li.level0 > ul li{display: block; padding: 0px; margin:0px; border-bottom: 1px solid #999999;}
#nav li.level0 > ul li a{display: block; text-decoration: none; color: #FFF; padding: 4px 10px 4px;}
#nav li.level0 > ul li a:hover{background-color: #ffcc00}
#nav li.level0 > ul li.last{border-bottom: 0px solid #333333;}
#nav li.level0 > ul li.level1 ul{position: absolute;z-index:10002; left:175px; top: -13px; z-index:3; background-color:#333333; width: 200px; padding: 0px 0px; border: 1px solid #999999;  display: none;}
#nav li.level0 > ul li.level1 ul li.last{border-bottom: 0px solid #333333;}

/*Layout*/
.section-top{ background:url(../images/black/bg-footer-center.png); color:#F7F7F7;margin:0px; padding:0px; width:100%;}
.section-top H1{text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.section-actions{margin:0px; padding:0px; background-color:#666; border-top:solid 1px #999;}
#page{height: 100%; margin:auto auto;width: 98%;}
#hd{ position: relative; z-index:2;}
#bd{padding: 0px;  width:auto; border:1px solid #333;position: relative; z-index:1; }

#ft{width:auto; border:solid 0px red; color:#000;  text-align:center; font-size: 12px; padding: 5px 0px 5px;  margin-top:5px; height:58px; background:url(../images/black/bg-footer-center.png) repeat-x;}
#hd .top-bx{position: relative; height: 120px;}

.s{background: url(../images/bg.gif) repeat-x repeat-y; border-top:1px solid #000; height: 0px; margin:0px; width:auto;}

/*Text effect*/
.effect1{text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.effect2{
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
                 0px -5px 35px rgba(255,255,255,0.3);
}
/*Layout 1 column*/
.layout-one-col{width:98%;height:100%; margin: 0px auto; border:0px solid #ccc; }
.content-header{border-bottom: 3px solid #dfdfdf; padding: 4px 0px; height: 25px; margin-bottom:10px;}
.content-title{display: inline-block; background:url(../images/icons/fam_package.gif) no-repeat left center; padding:0px 0px 0px 25px; margin:0px; line-height: 29px; font-size:16px;}
.filters{padding: 5px 0px;}

.layout-two-col{width:98%; margin: 10px auto; border:0px solid #ccc; }

/*My Account*/
.account-pic{text-align:center; width: 100px; height: 100px; margin: 10px auto; border: 3px solid #eee;}

/*page*/
.page-first	{
	background:url(../images/black/paging_first.gif) no-repeat;
	display:inline-block;
	/*float: left;*/
	text-indent:-5000px;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px; line-height:24px;text-align:center; 
	}
.page-back	{
	background: url(../images/black/paging_back.gif) no-repeat;
	display:inline-block;
	/*float: left;*/
	text-indent:-5000px;
	height: 24px;
	width: 24px; line-height:24px;text-align:center; 
	}
.page-last	{
	background: url(../images/black/paging_last.gif) no-repeat;
	display:inline-block;
	/*float: left;*/
	text-indent:-5000px;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px; line-height:24px;text-align:center; 
	}
.page-next	{
	background: url(../images/black/paging_next.gif) no-repeat;
	display:inline-block;
	/*float: left;*/
	text-indent:-5000px;
	height: 24px;
	width: 24px; line-height:24px;text-align:center; 
	}
.page-x{display:inline-block;height: 24px;width: 20px; line-height:24px;text-align:center; }
.page-active{display:inline-block;height: 24px;width: 20px; line-height:24px;text-align:center; font-weight:bold; text-decoration:underline;}
.paginate{ margin:auto; border-bottom:1px red; height:100%;}
#tabs *{font-size: 12px;}
img.ui-datepicker-trigger{vertical-align: middle; margin-left:2px;}
#ui-datepicker-div{font-size:11px}
.ui-datepicker-trigger{cursor: pointer;}


/*colorbox*/
#cboxClose{background-position:-50px 0px; top: 13px; right:15px;}
#cboxClose.hover{background-position:-50px -25px; top: 13px;  right:15px;}


ul.bread_crumb{list-style: none; margin:0px; padding:0px; float: left;}
ul.bread_crumb li{list-style: none; margin:0px 2px; padding:0px 15px 0px 0px; float: right; display: block; background:url(../images/breadcrumb_arrow.gif) no-repeat right center;}
ul.bread_crumb li.last{ background: none;}
ul.bread_crumb li a{color: #333;}
#loadpage{z-index:10; position:relative;}
#uploadStatus img{ float:left;}
.input-sort{ text-align:center; width:30px;}
.sort{cursor:move;}
.normal{cursor:pointer;}
.state-highlight{ background:#FC6;}
#listImg ul{ list-style:none; margin:4px; padding:0px;}
#listImg ul li{ display:block;  float:left; border:solid 0px; margin:4px;}
#listImg ul li a{text-decoration:none;}
#listImg ul.sort li a{cursor:move;}
.w100{width:100px;} .w120{width:120px;} .w150{width:150px;}
.w200{width:200px;} .w220{width:220px;} .w250{width:250px;}
.w300{width:300px;} .w320{width:320px;} .w350{width:350px;}
.w400{width:400px;} .w420{width:420px;} .w450{width:450px;}
.w500{width:500px;} .w520{width:520px;} .w550{width:550px;}
.w600{width:600px;} .w620{width:620px;} .w650{width:650px;}
.w700{width:700px;} .w720{width:720px;} .w750{width:750px;}
.w800{width:800px;} .w820{width:820px;} .w850{width:850px;}
.w900{width:900px;} .w920{width:920px;} .w950{width:950px;}

.h20{height:20px;} .h30{height:30px;}.h50{height:50px;} .h70{height:70px;}.h80{height:80px;}
.h100{height:100px;} .h120{height:120px;} .h150{height:150px;}
.h200{height:200px;} .h220{height:220px;} .h250{height:250px;}
.h300{height:300px;} .h320{height:320px;} .h350{height:350px;}
.h400{height:400px;} .h420{height:420px;} .h450{height:450px;}
.h500{height:500px;} .h520{height:520px;} .h550{height:550px;}
.h600{height:600px;} .h620{height:620px;} .h650{height:650px;}
.h700{height:700px;} .h720{height:720px;} .h750{height:750px;}
.h800{height:800px;} .h820{height:820px;} .h850{height:850px;}
.h900{height:900px;} .h920{height:920px;} .h950{height:950px;}