/* CSS Document */ /*-------- RESET-------- */ html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 10px; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } a{ color:#000; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none; padding:0 5px 0 5px} a:hover{ color:#659CD5; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:underline;} a.links{ font-size:11px; color:#525252; text-decoration:none; display:block; border-bottom:1px solid #dddddd; height:20px; padding:7px 0px 0px 30px; color:#4D4D4D; background:url( ../images/bullet-blue.gif) no-repeat 10px 11px } a.links:hover{ color:#ff0000; text-decoration:none; display:block; background:#f1f1f1 url( ../images/bulit.gif) no-repeat 12px 10px } .clear {CLEAR: both; FONT-SIZE: 0px; LINE-HEIGHT: 0px; HEIGHT: 0px} body{background: #21225F url( ../images/top-bg.gif) no-repeat top; margin:0; padding:0; } #container{ width:955px; margin:0 auto} #container:after{font-size:0px; visibility:hidden; content:'.'; clear:both; font-size:0px; height:0px; display:block} /* \*/ * html #container{height:1px} /* */ #header{ width:908px; height:auto; padding:0; margin:20px auto 0 auto;} .toplink{ width:auto; height:auto; color:#424763; float:right; margin-top:5px;} .toplink a{ color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-decoration:none; padding:0 5px 0 5px} .toplink a:hover{ color:#FFFFFF; font-family:Verdana; font-size:10px; font-weight:bold; text-decoration:underline;} #header .login{ width:64px; height:20px; background:url( ../images/btn-bg.jpg) no-repeat top left; font-size:11px; font-weight:bold; color:#fff; cursor:pointer; border:0px;} #header .login:hover{ width:64px; height:20px; background:url( ../images/btn-bg.jpg) no-repeat top left; font-size:11px; font-weight:bold; color:#000033; cursor:pointer; border:0px;} #loginbox{float:right; width:320px; text-align:right; color:#FFFFFF; margin:30px 0 0 0 ;} .input-text{color:#FFFFFF; width:119px; height:19px; background:#fff; border-bottom:#999999 1px solid; border-left:#999999 1px solid; border-right:#999999 1px solid; border-top:#999999 1px solid;} #header .head-top{ width:908px; height:auto; float:left; margin-top:5px;} #header .head-top #menu-bar{ width:908px; height:34px; background:url( ../images/btn-bg.gif) no-repeat left bottom;} .head-top #menu-bar ul{ list-style-type: none; margin:0px 0px 0px 15px;} .head-top #menu-bar li{ display:inline; line-height:31px;} .head-top #menu-bar a { display:block; float:left; font-size:12px; color:#fff; padding:0; margin:2px 15px 0 15px; text-decoration:none; font-weight:bold;} .head-top #menu-bar a:hover { color:#00CCFF;} /* ---------------- middle-containe -------------- */ #middle-container {width:955px; float:left; height:auto;} #middle-container:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both} /* \*/ * html middle-container{height:1px} /* */ #middle-container .mid-top{ width:955px; height:40px; background: #fff url( ../images/mid-top.gif) no-repeat top;} #middle-container #middle{width:955px; height:auto; background:#FFFFFF;} #middle-container .mid-bot{ width:955px; height:19px; background:url( ../images/mid-bot.gif) no-repeat;} #middle #left-sidebar{ width:340px; height:410px; float:left; padding:0 8px;} #middle #left-sidebar:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both} /* \*/ * html #middle #left-sidebar{height:1px} /* */ /* ---------------- search widget -------------- */ #middle-container .mid-top #search-widget{ width:690px; height:33px; background:url( ../images/search-bg.jpg) no-repeat; margin:0 auto;} #middle-container .mid-top .search-content{ width:585px; height:auto; margin:3px auto 0 auto;} #middle-container .mid-top #search-widget select.field{ width:225px; } #middle-container .mid-top #search-widget .go-btn{ width:33px; height:21px; background:url( ../images/go-btn-bg.gif) no-repeat top left; font-size:11px; font-weight:bold; color:#fff; cursor:pointer; border:0px;} #middle-container .mid-top #search-widget .go-btn:hover{ width:33px; height:21px; background:url(../images/go-btn-bg.gif) no-repeat top left; font-size:11px; font-weight:bold; color:#66CCFF; cursor:pointer; border:0px;} /* ---------------- inner header -------------- */ #middle .inner-header{width:947px; height:auto; margin:0 auto; padding-bottom:10px;} #middle .inner-header .left-head{ background:url( ../images/header-bg.jpg) no-repeat; width:499px; height:206px; float:left;} #middle .inner-header .shadow{ background:url( ../images/head-shadow.gif) repeat-x; width:100%; height:16px;} /* ---------------- right head -------------- */ #middle .inner-header .right-head{width:446px; height:208px; float:right; } #middle .inner-header .right-head ul{ margin:0; padding:0; display:block;list-style:none;} #middle .inner-header .right-head li{ display:block; float:left; margin:0; padding:0;} #middle .inner-header .right-head li a{ display:block; float:left; background:url( ../images/tab-normal.gif) no-repeat; width:116px; height:18px; padding:2px; padding-top:7px; margin:0px; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold;color:White;} #middle .inner-header .right-head li a:hover{ background:url( ../images/tab-hov.gif) no-repeat; color:Black; } /* ---------------- left blue widget -------------- */ #middle .widget{ width:350px;float:left; margin-bottom:8px; height:350px;} #middle .widget:after{ clear:both; visibility:hidden; content:'.'; height:0px; display:block} /* \*/ * html .widget{height:1px} /* */ #middle .widget .widget-top{font-size:0px} #middle .widget .widget-top-left{ width:12px; height:32px; background:url( ../images/blue-widget-left.gif); float:left;} #middle .widget .widget-top-bg{ width:321px; height:32px; background:url( ../images/blue-widget-bg.gif) repeat-x top left; float:left;} #middle .widget h1{ font-size:13px;color:#fff;font-family:Arial,Helvetica,sans-serif; font-weight:bolder; text-transform:none; background:url( ../images/blue-heading-icon.gif) no-repeat 0px 2px; padding:5px 0 0 25px;} #middle .widget .widget-top-right{ width:11px; height:32px; background:url( ../images/blue-widget-right.gif); float:left;} #middle .widget .widget-bot{font-size:0px} #middle .widget .widget-bot-left{ width:8px; height:8px; background:url( ../images/widget-bottom-left.gif) no-repeat top left; float:left;} #middle .widget .widget-bot-bg{ width:328px; height:8px; background:url( ../images/widget-bottom-bg.gif) repeat-x top left; float:left;} #middle .widget .widget-bot-right{ width:8px; height:8px; background:url( ../images/widget-bottom-right.gif) no-repeat top left; float:left;} #middle .widget .widget-middle{width:340px; padding:0px 0; height:400px; float:left; background:#FFF; border-left:2px solid #659CD5;border-right:2px solid #659CD5} #middle .widget .widget-middle ul.left-links{list-style:none; padding:0px; margin:0px;} #middle .widget .widget-middle ul.left-links li{ margin:0px; border:0px; padding:0px; } #middle .widget .widget-middle ul.left-links li a{ font-size:11px; color:#525252;word-break:break-all; text-decoration:none; display:block; height:15px; padding:2px 0px 0px 2px; color:#4D4D4D; } #middle .widget .widget-middle ul.left-links li a:hover{ color:#2C9BD1; text-decoration:none; display:block; background:#f1f1f1 } /* ---------------- right blue widget -------------- */ #right-sidebar{ float:right; width:210px; height:410px; margin-right:10px; } #middle .rightNavigation{float:right; width:150px; height:auto; margin-right:10px;} #middle .right-widget{ width:210px;float:right; margin-bottom:8px} #middle .right-widget:after{ clear:both; visibility:hidden; content:'.'; height:0px; display:block} /* \*/ * html .right-widget{height:1px} /* */ #middle .right-widget .widget-top{font-size:0px} #middle .right-widget .widget-top-left{ width:12px; height:32px; background:url( ../images/blue-widget-left.gif); float:left;} #middle .right-widget .widget-top-bg{ width:187px; height:32px; background:url( ../images/blue-widget-bg.gif) repeat-x top left; float:left;} #middle .right-widget h1{ font-size:13px;color:#fff; font-weight:bolder; text-transform:none; background:url( ../images/blue-heading-icon.gif) no-repeat 0px 2px; padding:5px 0 0 25px;} #middle .right-widget .widget-top-right{ width:11px; height:32px; background:url( ../images/blue-widget-right.gif); float:left;} #middle .right-widget .widget-bot{font-size:0px} #middle .right-widget .widget-bot-left{ width:8px; height:8px; background:url( ../images/widget-bottom-left.gif) no-repeat top left; float:left;} #middle .right-widget .widget-bot-bg{ width:194px; height:8px; background:url( ../images/widget-bottom-bg.gif) repeat-x top left; float:left;} #middle .right-widget .widget-bot-right{ width:8px; height:8px; background:url( ../images/widget-bottom-right.gif) no-repeat top left; float:left;} #middle .right-widget .widget-middle{width:206px; padding:0px 0; height:400px; float:left; background:#FFF; border-left:2px solid #659CD5;border-right:2px solid #659CD5} #middle .right-widget .widget-middle ul.right-links{list-style:none; padding:0px; margin:0px; } #middle .right-widget .widget-middle ul.right-links li{background:url( ../images/bulit-2.gif) no-repeat 12px 10px; margin:0px; border:0px; padding:0px; text-transform:none; border-bottom:1px solid #dddddd;} #middle .right-widget .widget-middle ul.right-links li p{font-size:11px; color:#525252; text-decoration:none; display:block; padding:0px 0px 10px 30px; } #middle .right-widget .widget-middle ul.right-links li a{ font-size:11px; color:#525252; text-decoration:none; display:block; padding:7px 0px 0px 30px; color:#4D4D4D; background:url( ../images/bullet-blue.gif) no-repeat 10px 11px } #middle .right-widget .widget-middle ul.right-links li a:hover{ color:#2C9BD1!important; text-decoration:none; display:block; background: url( ../images/bulit-2.gif) no-repeat 12px 10px } #middle .right-widget .widget-middle .more{ float:right; text-align:right; background:url( ../images/more-icon.gif) no-repeat right center; padding-right:12px;} #middle .right-widget .widget-middle .more a{ font-size:11px; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#0959AB;} #middle .right-widget .widget-middle a:hover{color:#0BB7FF;} /* ---------------- middle content -------------- */ .content{width:371px; float:left;padding:0 0 0 10px;padding-left:0px; } .content .content-top{float:left; width:350px; height:40px; background:url( ../images/content-top.jpg) no-repeat left top;} .content .content-top h2{ width:310px;background:url( ../images/iconcaps.jpg) no-repeat 0px 9px; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; color:#274982;margin-left:12px; padding-top:7px; border-bottom:double 3px rgb(207,207,207); padding-left:20px; height:25px;} .content .content-middle{ width:365px; height:auto;} .content .content-middle .content-text{ width:365px; margin:0 auto;padding-left:0px;font-family:Arial,Helvetica,sans-serif;} .content .content-middle .content-text p{ float:left;padding:5px;display:block;color:#686868; text-align:justify;font-family:Arial,Helvetica,sans-serif;} .content .content-middle .content-text p.subhead{ padding:3px; display:block; color:#274982!important; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-align:justify;} .content .content-middle .content-text p.date{ padding:3px; display:block; color:#4F4F4F!important; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-align:justify;} .content .content-middle .content-text .more{ text-align:right; background:url( ../images/more-icon.gif) no-repeat right center; padding-right:12px;} .content .content-middle .content-text .more a{ font-size:11px; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#0959AB;} .content .content-middle .content-text .more a:hover{color:#0BB7FF;} .content .content-middle .content-text a.more-1{ font-size:11px; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#0959AB;} .content .content-middle .content-text a:hover.more-1 {color:#0BB7FF;} .content .content-middle .content-bot-text{ width:350px;padding-left:10px; margin:0 auto;} .content .content-middle .content-bot-text p.txt{width:280px; padding:0px; display:block; float:left; color:#686868; text-align:justify;font:Arial,Helvetica,sans-serif } .content .content-middle .content-bot-text p.subhead{ padding-left:0px; display:block; color:#274982!important; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-align:justify;} .content .content-middle .content-bot-text p.date{ padding-left:0px; display:block; color:#4F4F4F!important; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; text-align:justify;} .content .content-middle .content-bot-text .more{ text-align:right; background:url( ../images/more-icon.gif) no-repeat right center; padding-right:12px;} .content .content-middle .content-bot-text .more a{ font-size:11px; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#0959AB;} .content .content-middle .content-bot-text .more a:hover{color:#0BB7FF;} .content .content-middle .content-bot-text a.more-1{ font-size:11px; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; color:#0959AB;} .content .content-middle .content-bot-text a:hover.more-1 {color:#0BB7FF;} .content .content-bottom{ width:350px; height:19px; border-bottom:#E0E0E0 solid 1px;} /* ============================================== Footer =========================================================== */ /* ---------------- Footer Container-------------- */ #footer{ width:954px; padding:5px 0 0 0 ; margin:0 auto} #footer:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both} /* \*/ * html #footer{height:1px} /* */ #footer #footer-left{float:left; width:300px; padding-top:0px} #footer #footer-right{float:right; width:513px;} /* --------- Footer Left-------------- */ #footer #footer-left p{ padding:2px 0;} #footer #footer-left p.copyright{font-size:11px; color:#fff; font-weight:normal;} /* --------- Footer Right-------------- */ #footer #footer-right ul{ margin-top:0px; text-align:right} #footer #footer-right ul li{display:inline; color:#666} #footer #footer-right ul li a{ font-size:11px; font-weight:normal!important; color:#fff!important; padding:0px 5px; } #footer #footer-right ul li a:hover{ color:#fff!important;} .wordwrap { -moz-binding: url( './WordWrap.xml#wordwrap' ); } .pre { overflow: hidden; word-wrap: break-word; /* IE */ word-break: break-all; } /* ---------Detail Right-------------- */ .content-inner {width:690px; float:left; font-family:Arial,Helvetica,sans-serif; } .content-inner .wrap{ width:100%; height:auto; float:left; padding-bottom:10px;} .content-inner .wrap h1.heading{ font-size:15px; font-weight:bold; color:#FFFFFF; background:url( ../images/blue-widget-bg.gif) repeat-x left top; height:32px; width:100%; text-align:center;} .content-inner .wrap .image-wrap{ width:10%; height:auto; float:left; padding:10px 10px 0 10px;} .content-inner .wrap .image-wrap .image-groop{ float:left;} .content-inner .wrap .left-wrap{ width:62%; height:auto; float:left;} .content-inner .wrap .left-wrap .top-title{ font-size:15px; font-weight:bold; color:#666666; padding:0 10px 0 5px;} .content-inner .wrap .left-wrap .wrap-text{ font-size:13px; font-weight:normal; color:#000000; padding:5px 10px 0 5px;} .content-inner .wrap .left-wrap .more{ float:right; text-align:left; padding-right:20px; padding-top:5px;} .content-inner .wrap .left-wrap .more a{ font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; color:#0959AB;} .content-inner .wrap .left-wrap .more a:hover{color:#0BB7FF;} .content-inner .wrap .right-wrap{ width:23%; height:auto; float:left;} .content-inner .wrap .right-wrap .wraper-text{ float:left; font-size:13px; font-weight:bold; color:#000000; padding:5px 10px 0 5px; width:85%; text-align:right;} .content-inner .wrap .right-wrap .more{ float:right; text-align:left; padding-right:20px; padding-top:5px;} .content-inner .wrap .right-wrap .more a{ font-size:12px; font-family:Arial,Helvetica,sans-serif; font-weight:normal; color:#0959AB;} .content-inner .wrap .right-wrap .more a:hover{color:#0BB7FF;} .content-inner .wrap .right-wrap .wraper-btn{ float:right; padding:20px 20px 0 0px; width:85%;} .content-inner .wrap .right-wrap .wraper-btn-style{ background:url( ../images/details.jpg) no-repeat; width:84px; height:26px; border:none; font-size:14px; color:#FFFFFF; float:right;} /*------------------- Modal PopUp ------------------ */ #divModalBackGround { position: absolute; background-color: Gray; opacity: .85; filter: Alpha(opacity=85); display: none; top: -4px; left: 0px; } #DivInProgress { position: absolute; background-color: black; opacity: .60; filter: Alpha(opacity=60); z-index:1000; left:0; top:0; text-align:center; height:100%; width:100%; } .PopUpDiv { position: absolute; top: 0px; left: 350px; z-index: 990; background: #cccccc; border: solid 3px #777777; display: none; visibility: hidden; } .PopUpDivTitle { float: left; width: 97%; margin-top: 5px; padding-left: 10px; border-bottom: solid 2px #777777; margin-right: 10px; margin-bottom:5px; font-family: Arial,Helvetica,Sans-Serif; font-size: 13px; font-weight: bold; } .PopUpDivBody { width: 97%; margin-top: 10px; padding-left: 20px; float: left; } .PopUpDivCreditCard { height: 300px; width: 350px; } .PopUpDivTeam { height: 250px; width: 350px; } .PopUpDivPerson { height: 250px; width: 350px; } .PopUpDivOrganisation { height: 200px; width: 350px; } .PopUpDivDeleteTeam { height: 175px; width: 400px; } .PopUpDivMessageBox { height: 100px; width: 400px; } .PopUpDivHotelInfo { height: 250px; width: 400px; } .PopUpDivSearchPanel { height: 175px; width: 500px; } .PopUpDivEditRoom { height: 450px; width: 425px; } .PopUpDivEditAccount { height: 425px; width: 425px; } .LabelText { font-size: 12px; font-family: Arial,Helvetica,Sans-Serif; font-weight:600; color:#000000; float:left; } .LabelTextBold { font-size: 14px; font-family: Arial,Helvetica,Sans-Serif; font-weight:bold; color:#000000; float:left; height:22px; text-align:right; } .ValidationText { color:Red; } .fl { float:left; } .fr { float:right; } .width125 { width:125px; } .width175 { width:175px; } .width100 { width:100px; } .width200 { width:200px; } .width225 { width:225px; } .clear { clear:both; } .gapV10px { height:10px; clear:both; } .gapV3px { height:3px; clear:both; } .gapH5px { width:5px; } .selectOption { font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#000000; padding-top:5px; } .LinkPopup { font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#0000EE; padding-top:5px; } .LinkPopup:hover { font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#0000CC; padding-top:5px; }