body { font: normal 12px Verdana;} h2 {font: bold 17px/24px Tahoma; margin: 0px;} h3 {font: bold 15px/24px Tahoma; margin: 0px; color: #F49B20; padding:5px 0px 5px 15px;} h3 a {color: #F49B20; font: normal 13px/24px Tahoma;} h3 a:hover{color: #00417C;} .rightx{text-align: right;} .centerx{text-align: center;} .topx{vertical-align: top;} /* Header */ .topMenu{background: url(../images/topMenu_bg.png) top repeat-x; height: 112px;} .topMenu .grad{background: url(../images/topMenu_grad.png) top left no-repeat; height: 100px; padding: 12px 0px 0px 0px} .topMenu .welcome{color: #096A9A; padding-left: 11px; margin-top: 8px; font: normal 13px arial;} .topMenu table{width: 100%;} .topMenu .logoTd{vertical-align: bottom; text-align: right; padding: 21px 10px 0px 0px; float: right;} .welcome a{color: #096A9A; text-decoration: underline; } .welcome a:hover{color: #F58B21;} .userName{color: #808080; text-align: right; padding: 3px 10px 0px 0px;} .offstage {position: absolute; left: -100em; width: 100em} * html div{height: 1px;} .helpRight{text-align: right; margin: -4px 0px -9px;} a.helpTop{font: normal 11px Verdana; color: #096A9A; margin: 0px 16px 0px 0px;} a.helpTop:hover{color: #F58B21;} /* Homepage */ .topTable{width: 100%; margin-top: 20px;} .LeftCul{width: 56.85%; vertical-align: top;} .LeftCul .title{background: #E2EEF5 url(../images/title_corner_r.gif) right top no-repeat; margin-bottom: 9px;} .LeftCul .title2{background: #E2EEF5 url(../images/title_corner_r.gif) right top no-repeat; margin: 25px 0px 9px;} .LeftCul .title h3, .LeftCul .title2 h3{background: url(../images/title_corner_l.gif) left top no-repeat; color: #704A7C; padding-left: 15px;} .LeftCul a{display: block; background: url(../images/big_bullet.gif) top left no-repeat; color: #096A9A; text-decoration: none; font: bold 14px verdana; margin: 0px 0px 8px 15px; padding: 0px 0px 0px 27px;} .LeftCul .comment{color: #808080; padding: 2px 0px 0px; font: normal 12px Verdana; cursor: pointer;} .LeftCul a:hover{color: #F58B21; } .LeftCul div.nonLink{background: url(../images/big_bullet.gif) top left no-repeat; color: #096A9A; text-decoration: none; font: bold 14px verdana; margin: 0px 0px 8px 15px; padding: 0px 0px 0px 27px;} .LeftCul div.nonLink .comment{color: #808080; padding: 2px 0px 0px; font: normal 12px Verdana; cursor: default;} .LeftCul div.nonLink .comment a{display: inline; background: none; font: normal 12px Verdana; text-decoration: underline;} .LeftCul .pushRight{display: block; text-align: right;} .RightCul{width: 40%; vertical-align: top;} .more{height:260px; padding-top:30px;} .RightCul .rb{background: #f7f7f7 url(../images/grey_rb.gif) bottom right no-repeat;} .RightCul .rt{background: url(../images/grey_rt.gif) top right no-repeat; height: 100%;} .RightCul .lb{background: url(../images/grey_lb.gif) bottom left no-repeat; height: 100%;} .RightCul .lt{background: url(../images/grey_lt.gif) top left no-repeat; height: 100%; padding: 4px 20px 10px;} .RightCul .lt h3{color: #8C8C8C;} .RightCul .lt .avarage{ color: #000000; margin: 4px 0px 8px;} .RightCul .lt .last_updated{text-align: right; color: #808080;} .RightCul .most_rb{background: #E5E5E5 url(../images/most_rb.gif) bottom right no-repeat; height: 146px; margin-top: 25px;} .RightCul .most_rt{background: url(../images/most_rt.gif) top right no-repeat; height: 100%;} .RightCul .most_lb{background: url(../images/most_lb.gif) bottom left no-repeat; height: 100%;} .RightCul .most_lt{background: url(../images/most_lt.gif) top left no-repeat; height: 100%; padding: 4px 20px 10px;} .RightCul .most_lt h3{color: #704A7C;} .RightCul .most_lt ul{margin: 1px 0px 0px 10px; padding: 0px; list-style: url(../images/hetz.gif);} .RightCul .most_lt li{padding-top: 3px;} .RightCul .most_lt a{color: #1770B0; text-decoration: underline;} .RightCul .most_lt a:hover{color: #F58B21;} .RightCul .most_lt .comment{display: block; margin-top: 5px; font: normal 12px Verdana; color: #808080;} /* Gallery links */ a.broad_link{display: block; cursor: pointer; text-decoration: none; margin: 10px 0px 0px 21px; width: 700px; background: url(../images/continue_inBG.gif) bottom no-repeat; padding: 0px 0px 19px 0px;} a.broad_link table{cursor: pointer;} a.broad_link .h3{display: block; color: #096A9A; font: bold 15px/24px Tahoma; background: url(../images/bullet.gif) left no-repeat; padding: 0px 0px 0px 22px;} a.broad_link .text{display: block; padding: 0px 20px 0px 21px; color: #808080; width: 500px; font: normal 12px verdana;} a.broad_link:hover{ background: url(../images/continue_inBG_o.gif) bottom no-repeat;} a.broad_link:hover .h3{color: #F58B21;} /* Rounded Corners */ .grey_rb{background: #F2F2F2 url(../images/normal_corner_rb.gif) bottom right no-repeat; margin-bottom: 15px;} .grey_rt{background: url(../images/normal_corner_rt.gif) top right no-repeat;} .grey_lb{background: url(../images/normal_corner_lb.gif) bottom left no-repeat;} .grey_lt{background: url(../images/normal_corner_lt.gif) top left no-repeat;} .grey_lt_class{padding:10px 14px 13px; color: #096A9A; font-weight: bold;} .grey_lt td{background-color: #F2F2F2; white-space: nowrap;} .grey_lt .noWeight{font-weight: normal !important; color: black;} /* bulleted Title */ .bullet_title{background: url(../images/big_bullet.gif) left no-repeat; padding: 0px 0px 0px 27px; margin: 3px 0px 5px 15px;} .bullet_title h2{color: #096A9A;} .bullet_title h2.siteMap{color: #F58B21;} .bullet_title h2 span{font-size: 0.8em;} /* cornered Table */ table.newGrey{width: 100%; color: #000000; font: normal 13px arial; white-space: nowrap; margin-bottom: 15px;} table.newGrey td{padding-top: 5px; padding-bottom: 5px; padding-right: 10px; white-space: nowrap;} th{font: bold 15px tahoma; color: #096A9A; text-align: left; padding: 10px 9px 5px 0px; background: #f2f2f2;} th.first_in_line, .pnx th.first_in_line{padding-left: 26px;} th.second_in_line{padding-left: 20px;} th.ontheLeft{width: 100px; padding: 0px 0px 0px 20px;} th.step{padding-left: 10px;} label{font-weight: bold; color: #096A9A;} .pnx th{font: bold 13px tahoma; color: #096A9A; text-align: left; padding: 5px 9px 5px 0px; background: #f2f2f2;} th.display{width: 80px !important;} .pad_display{width: 200px !important;} .topTr td{border-top: 13px solid #f2f2f2;} .no_topTr{border-top: none !important;} .bottomTr td{border-bottom: 13px solid #f2f2f2;} .no_bottomTr{border-bottom: none !important;} .left_title{font: bold 15px tahoma; color: #00417C; padding: 15px 15px 0px 15px; width: 90px;} td.numTd{padding-left: 12.5px !important; padding-right: 2.5px !important; width: 15px !important;} td.numTd div{padding: 1px 0px 0px 3px !important; height: 20px; width: 12px; background: #F2F2F2 url(../images/bul00.gif) no-repeat; color: #8C8C8C; font: bold 13px tahoma;} td.moveTd{width: 15px; padding-right: 12.5px !important; padding-left: 2.5px !important;} td.moveTd a.upIMG_inactive{display: block; width: 15px; height: 11px; background: url(../images/move_up_inactive.gif) left top no-repeat; text-decoration: none; font-size: 1px;} td.moveTd a.upIMG_active{display: block; width: 15px; height: 11px; background: url(../images/move_up_active.gif) left top no-repeat; text-decoration: none; font-size: 1px;} td.moveTd a.downIMG_inactive{display: block; width: 15px; height: 11px; background: url(../images/move_down_inactive.gif) left bottom no-repeat; text-decoration: none; font-size: 1px; margin-top: -1px;} td.moveTd a.downIMG_active{display: block; width: 15px; height: 11px; background: url(../images/move_down_active.gif) left bottom no-repeat; text-decoration: none; font-size: 1px; margin-top: -1px;} td.moveTd a.upIMG_active:hover{background: url(../images/move_up_active_o.gif) left top no-repeat; text-decoration: none;} td.moveTd a.downIMG_active:hover{background: url(../images/move_down_active_o.gif) left top no-repeat; text-decoration: none;} .underTable{border-top: 2px solid white; background: #F2F2F2 url(../images/normal_corner_rb.gif) bottom right no-repeat !important; padding: 0px !important;} .underTable div{background: url(../images/normal_corner_lb.gif) bottom left no-repeat !important; padding: 7px 0px 7px 30px !important;} .underTable table{width: auto; color: #096A9A !important;} .underTable td, .grey_lt td{padding: 3px 10px 3px 0px !important; background: #F2F2F2 !important;} /* various corners */ .outGrey{background: #f2f2f2;} .outGrey_lt{background: #f2f2f2 url(../images/normal_corner_lt.gif) top left no-repeat !important;} .outGrey_rt{background: #f2f2f2 url(../images/normal_corner_rt.gif) top right no-repeat !important;} .outGrey_lb{background: #f2f2f2 url(../images/normal_corner_lb.gif) bottom left no-repeat !important;} .outGrey_rb{background: #f2f2f2 url(../images/normal_corner_rb.gif) bottom right no-repeat !important;} .innerWhite_lt{background: white url(../images/white2_lt.gif) top left no-repeat !important; padding-left: 25px;} .innerWhite_rt{background: white url(../images/white2_rt.gif) top right no-repeat !important; padding-right: 20px;} .innerWhite_lb{background: white url(../images/white2_lb.gif) bottom left no-repeat !important; padding-left: 25px;} .innerWhite_rb{background: white url(../images/white2_rb.gif) bottom right no-repeat !important; padding-right: 20px;} .whitex_left {border-left: 10px solid #f2f2f2; padding-left: 15px;} .whitex_right{border-right: 10px solid #f2f2f2; padding-right: 10px;} .outGrey_innerWhite_lb{border-bottom: none !important; background: url(../images/greyBorder_lb.gif) left bottom no-repeat !important; padding-left: 25px; padding-bottom: 15px !important;} .outGrey_innerWhite_rb{border-bottom: none !important; background: url(../images/greyBorder_rb.gif) right bottom no-repeat !important; padding-right: 20px; padding-bottom: 15px !important;} .outGrey_innerWhite_lt{background: white url(../images/greyBorder_lt.gif) top left no-repeat !important; padding-left: 25px; padding-top: 18px !important;} .outGrey_innerWhite_rt{background: white url(../images/greyBorder_rt.gif) top right no-repeat !important; padding-right: 20px; padding-top: 18px !important;} /*Buttons & links */ a.blueText{color: #096A9A; text-decoration: underline;} a.blueText:hover{color: #F58B21;} .smallerText{font-size: 11px !important; font-weight:normal;} a.blue{display: block; width: 60px; height: 18px; padding: 0px; background: url(../images/blue_button_l.gif) top left no-repeat; text-decoration: none;} a.blue span{display: block; background: url(../images/blue_button_r.gif) top right no-repeat; height: 17px; width: 60px; padding: 1px 0px 0px 0px; text-align: center; font-weight: bold; cursor: pointer; color: #096A9A;} a.blue4{display: block; width: 132px; height: 18px; padding: 0px; background: url(../images/blue_button_onw_l.gif) top left no-repeat; text-decoration: none; margin-top: 5px;} a.blue4 span{display: block; font: normal 12px arial;background: url(../images/blue_button_onw_r.gif) top right no-repeat; height: 17px; width: 100%; padding: 1px 0px 0px 0px; text-align: center; font-weight: bold; cursor: pointer; color: #096A9A;} a.blue4_edit{display: block; width: 132px; height: 18px; padding: 0px; background: url(../images/blue_button_onw_l.gif) top left no-repeat; text-decoration: none;} a.blue4_edit span{display: block; font: normal 12px arial;background: url(../images/blue_button_onw_r.gif) top right no-repeat; height: 17px; width: 132px; padding: 1px 0px 0px 0px; text-align: center; font-weight: bold; cursor: pointer; color: #096A9A;} a.blue4_6{display: block; width: 60px; height: 18px; padding: 0px; background: url(../images/blue_button_onw_l.gif) top left no-repeat; text-decoration: none;} a.blue4_6 span{display: block; font: normal 12px arial; background: url(../images/blue_button_onw_r.gif) top right no-repeat; height: 17px; width: 100%; padding: 1px 0px 0px 0px; text-align: center; font-weight: bold; cursor: pointer; color: #096A9A;} a.blue4_7{display: block; width: 80px; height: 18px; padding: 0px; background: url(../images/blue_button_onw_l.gif) top left no-repeat; text-decoration: none; margin-top: 5px;} a.blue4_7 span{display: block; font: normal 12px arial; background: url(../images/blue_button_onw_r.gif) top right no-repeat; height: 17px; width: 100%; padding: 1px 0px 0px 0px; text-align: center; font-weight: bold; cursor: pointer; color: #096A9A;} a.blue4_8{display: block; width: 100px; height: 18px; padding: 0px; background: url(../images/blue_button_onw_l.gif) top left no-repeat; text-decoration: none;} a.blue4_8 span{display: block; font: normal 12px arial; background: url(../images/blue_button_onw_r.gif) top right no-repeat; height: 17px; width: 100%; padding: 1px 0px 0px 0px; text-align: center; font-weight: bold; cursor: pointer; color: #096A9A;} a.dark_blue2{display: block; width: 70px; height: 18px; padding: 0px; background: url(../images/dark_blue_button_l.gif) top left no-repeat; text-decoration: none;} a.dark_blue2 span{display: block; width: 70px; font: normal 12px arial; background: url(../images/dark_blue_button_r.gif) top right no-repeat; height: 17px; padding: 1px 0px 0px 0px; text-align: center; cursor: pointer; color: #ffffff;} a.blue:hover span, a.blue4:hover span, a.blue4_6:hover span, a.blue4_7:hover span, a.blue4_8:hover span, a.dark_blue2:hover span{color: #F58B21;} a.orangeWhite{display: block; width: 160px; height: 27px; padding: 0px; background: url(../images/big_orange_button_white_l.gif) top left no-repeat; text-decoration: none;} a.orangeWhite span{display: block; background: url(../images/big_orange_button_white_r.gif) top right no-repeat; height: 21px; width: 100%; padding: 6px 0px 0px 0px; text-align: center; cursor: pointer; color: #ffffff; font: bold 14px arial;} a.orange_onlg{display: block; width: 70px; height: 27px; padding: 0px; background: url(../images/big_orange_button_lite_grey_l.gif) top left no-repeat; text-decoration: none;} a.orange_onlg span{display: block; background: url(../images/big_orange_button_lite_grey_r.gif) top right no-repeat; height: 21px; width: 100%; padding: 6px 0px 0px 0px; text-align: center; cursor: pointer; color: #ffffff; font: bold 14px arial} a.small_orange{display: block; width: 100px; height: 18px; padding: 0px; background: url(../images/small_orange_l.gif) top left no-repeat; text-decoration: none;} a.small_orange span{display: block; background: url(../images/small_orange_r.gif) top right no-repeat; height: 18px; width: 100%; padding: 0px 0px 0px 0px; text-align: center; cursor: pointer; color: #ffffff; font: bold 14px arial;} a.orangeWhite:hover span, a.orange_onlg:hover span, a.small_orange:hover span{color: #00417C;} .inline_block{display:-moz-inline-block !important; display:-moz-inline-box !important; display:inline-block !important; vertical-align: middle; margin-left: 20px;} div.per200{width: auto; text-align: center; font: normal 11px Verdana; color: #666666; padding-top: 8px; margin-bottom: 20px;} /* form objects */ .grey_lt select, .grey_lt input, .underTable select, .underTable input{vertical-align: middle; margin: 0px 18px 0px 10px;} select{width: 150px;} select.smaller{width: 40px;} select.small{width: 75px;} select.medium{width: 110px;} select.long{width: 250px;} input{width: 144px;} input.smaller{width: 34px;} input.small{width: 71px;} input.smallRulePreview{width: 71px; margin-left: 11px;} input.medium{width: 104px;} input.long{width: 244px;} textarea{width: 400px; height: 50px; font: normal 12px arial} input.radiox{width: auto; margin: 0px 5px 0px 10px !important;} input.radiox2{width: auto; margin: 0px 15px;} input.radiox3{width: auto; margin: 0px 10px 0px -4px;} .outGrey_innerWhite_lt input {margin-left: 2px;} /* fix for upload input */ div.fileinputs {position: relative; margin-bottom: 5px; background: none !important;} div.fakefile {position: absolute; top: 0px; left: 0px; z-index: 1; background: none !important;} div.fakefile img{vertical-align: middle;} input.uploadLong{position: relative; z-index: 2; width: 390px; filter:alpha(opacity:0); -moz-opacity:0; opacity: 0; text-align: right;} input.fakeLong{width: 300px !important; margin-right: 7px !important;} input.uploadShort2{position: relative; z-index: 2; width: 234px; filter:alpha(opacity:0); -moz-opacity:0; opacity: 0; text-align: right;} input.fakeShort2{width: 144px !important; margin-right: 7px !important;} /* PDS */ iframe {width: 100%} .no_margin {margin: 0} label.noWeight{font-weight: normal !important;} #displayNone, #displayNoneEdit{display: none;} #displayNone td{border-bottom: none !important; padding-top: 2px !important; padding-bottom: 2px !important;} .placeForUpload{width: 410px; height: 70px;} .placeForEdit{width: 200px;} /* Site Map */ .siteMap{width: 750px;} .siteMap td{vertical-align: top; width: 30%} .siteMap td.rightTd{border-left: 1px solid #F1F2F2; padding-left: 20px;} .siteMap a{color: #096A9A; text-decoration: none;} .siteMap a:hover{color: #F58B21;} .siteMap ul{list-style: url(../images/bullet2.gif); font: bold 14px/18px tahoma; padding: 0px; margin: 0px 0px 0px 31px;} .siteMap ul li{margin: 0px; padding: 0px 0px 4px 6px;} .siteMap ul ul{list-style: url(../images/sitemap_hetz.gif); font: normal 12px arial; padding: 0px; margin: 7px 0px 0px 8px;} .siteMap ul ul li{margin: 0px; padding: 0px 0px 7px 0px;} .siteMap ul ul ul{list-style: none none; font: normal 12px arial; padding: 0px; margin: 7px 0px 0px 0px;} .siteMap ul ul ul li{background: url(../images/lined_hetz.gif) no-repeat; padding: 0px 0px 7px 32px; margin: 0px;} .siteMap ul ul ul li.last{background: url(../images/last_lined_hetz.gif) no-repeat; padding: 0px 0px 7px 32px;} /* footer */ .footer{height: 13px; background: url(../images/footer_bg.gif) top repeat-x; margin-top: 80px;} .footer table{width: 100%;} .footer .text{font: normal 10px arial; color: #096A9A; padding-top: 1px; text-align: center;} .footer .width25{width: 25%;} /* misc. & extras */ .redError{font: bold 14px Verdana; color: #CC0000;} .greenError{font: bold 14px Verdana; color: #009900;} .noError{font: bold 14px Verdana; color: #000000;} .ontheLeft_onWhite{font: bold 15px tahoma; color: #096A9A; padding-left: 10px;} .ontheLeft_onWhite_bottom{font: bold 15px tahoma; color: #096A9A; padding-left: 20px;} .ontheLeftBlack{font-weight: bold !important; color: black !important; padding-left: 20px; vertical-align: top;} .ontheLeftEdit{width: 100px; padding: 20px 0px 0px 20px; vertical-align: top;} .ontheLeft_viewEdit{width: 100px; padding: 0px 0px 14px 20px;} .innerWhite_rb_basic{background: white url(../images/white2_rb.gif) bottom right no-repeat !important; padding-right: 25px !important;} .outGrey_rb_search{background: #f2f2f2 url(../images/normal_corner_rb.gif) bottom right no-repeat !important; padding-bottom: 17px !important;} .outGrey_lb_search{background: #f2f2f2 url(../images/normal_corner_lb.gif) bottom left no-repeat !important; padding-bottom: 17px !important;} .blueTitles td{font-weight: normal; color: #096A9A;} .calendarLink{margin: 0px 0px 0px -16px; vertical-align: middle;} .lidchos{width: 55%;} .pipe_edit_push{width: 35%;} a.orangeSpan{color: #F49B20; font: bold 15px arial !important;} .underH3{padding-left: 15px;} .alphabet a{text-decoration: underline !important; color: #096A9A;} .plusMinus{margin-left: 7px;} .wrap{white-space: normal !important;} .blueNum{float: left; margin: 0px 7px 0px 0px; padding: 1px 0px 7px 4px !important; height: 13px; width: 11px; background: url(../images/nubmers_on_blueBg.gif) no-repeat; color: #096A9A; font: bold 13px tahoma;} .greenStatus{color: #64A300;} .blueStatus{color: #0c8ccc;} .redStatus{color: #ee3f10;} /* rule preview*/ .smallDown{font-size: 11px; vertical-align: bottom; padding: 0px !important;} .padAt{padding-left: 17px !important;} .noTopPad td{padding-top: 0px !important;} .buttonTd{padding-top: 71px !important; text-align: right;} .buttonTd2{padding-top: 30px !important; text-align: right;} * html .loginTitle{width: 664px; height: 84px; padding-bottom: 10px; background: url(../images/login_title0102.gif) bottom right no-repeat; text-align: left; vertical-align: bottom;} HTML>BODY .loginTitle{width: 664px; height: 94px; padding-bottom: 10px; background: url(../images/login_title0102.gif) bottom right no-repeat; text-align: left; vertical-align: bottom;} .loginTitle h2{color: #704A7C; font: bold 22px tahoma; margin: 0px 0px 0px 22px; letter-spacing: 2px;} .login_bg{width: 380px; height: 133px; padding: 44px 0px 0px 40px; background: url(../images/login_bg.gif) top left no-repeat; vertical-align: top; text-align: left; color: #096A9A; font: bold 12px verdana;} .login_bg .text{width: 90px;} .login_bg input{font: normal 12px verdana; color: black; width: 120px;} .login_bg input.radiox{margin-left: -4px !important; width: auto !important;} .login_bg label{font: normal 11px arial;} .login_bg a{font: normal 11px arial; color: #096A9A; text-decoration: none;} .login_bg a:hover{color: #F58B21;} .login_bg a.orange{display: block; width: 100px; height: 27px; padding: 0px; background: url(../images/big_orange_button_white_l.gif) top left no-repeat; text-decoration: none; margin-bottom: 6px;} .login_bg a.orange span{display: block; background: url(../images/big_orange_button_white_r.gif) top right no-repeat; height: 23px; width: 100%; padding: 4px 0px 0px 0px; text-align: center; cursor: pointer; color: #ffffff; font: bold 14px tahoma;} .login_bg a.orange:hover span{color: #00417C;} .login_bg .loginButton{vertical-align: bottom; padding: 0px 0px 0px 14px;} /****** BO Login Page *******/ /****************************************/ html, body { margin: 0; height: 100%; } .body { font-family:Arial,verdana,sans-serif; font-size:100%; margin:0; padding:0; repeat scroll 0 0 transparent; padding-top:1px} .loginSubmit { width:90%; float:left; background: #800203; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800203', endColorstr='#9A1212'); background: -webkit-gradient(linear, left top, left bottom, from(#e4760b), to(#9A1212)); background: -moz-linear-gradient(top, #800203, #9A1212); border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius: 10px; -ms-border-radius: 10px; line-height: 35px; cursor:pointer; border:none; font-size: 100%; margin-top:1em; height: 35px; color: #fff; } .bodyLogin { color: #555; font-size:100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e7f0', endColorstr='#e3e7f0'); background: -webkit-gradient(linear, left top, left bottom, from(#e3e7f0), to(#e3e7f0)); background: -moz-linear-gradient(top, #e3e7f0, #e3e7f0);} .mainContainer { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; width:899px; height:479px; margin: 5em auto 0 auto; } .logoArea { margin: 2em 5% 0 5% ;width: 50%; float: left;} /* Set page background (the portrait..) */ .fullBg { background: url('../images/login_background.png') no-repeat transparent bottom; width:100%; height:100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; } /* Exlibris-Primo logo*/ .brandLogo { background: url('../images/Login_Logo.png'); height:4em; background-repeat: no-repeat;} /* Login area box (orange)*/ .loginContainer { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; width: 30%; float: center; background: url('../images/login_area.png') no-repeat transparent 0 top; height:50%; color:#fff; background:rgba(205, 221, 214,0.6); border-radius: 25px; } .form { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; float: center; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-align-self: center ; -ms-flex-item-align: center ; align-self: center ; } .loginContainer input { height: 35px; margin-bottom:0.5em; border: 1px solid #cecece; } .loginContainer label { line-height:1.5em; font-size: 100%; marhin-left: 2em;} .userName { color: #ffffff ; text-align: right; font-weight: bold; marhin-left: 2em; } .loginArea { margin-top:1em; width:100%; font-family:Arial,verdana,sans-serif; font-size:100%; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-align-self: center ; -ms-flex-item-align: center ; align-self: center ; } .loginArea label { margin-left: 1em; font-family: Calibri, sans-serif } html[data-useragent*='MSIE 10.0'] .loginArea label { margin-left: 1em; } .loginArea input { margin-left: 1em; font-family: Calibri, sans-serif } html[data-useragent*='MSIE 10.0'] .loginArea input { margin-left: 1em; } .marginTop { text-align: right} .errorArea { width:80%; text-shadow: 1px 1px #E10101; color: white; background-color:red; font-size: 90%; padding-left: 5px; padding-right: 2px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius: 5px; margin-left: 1em; } .clsFooter { font-family:Arial,verdana,sans-serif; flex-wrap:wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size:90%; margin-top: 1em; } .loginFooter { margin-top: 1em; line-height:30px; } .copyrightCls { margin-top: 1.5em; font-size:80%; }