/* CSS Document */ /*------- // global reset //-----*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } acronym { cursor: help; } /*------- // general //-----*/ html { font-size: 100.01%; } body { font-size: 62.5%; line-height:1.2em; } input, select, textarea { font-size: 100%; } input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; } .submit { cursor/**/: /**/pointer; } select > option { padding: 0 5px 0 3px; } .ul, .ol { margin: 0 0 1em 2em; } .ul li, .ol li { margin: .2em 0; padding: 0; } .flR { float: right; } .flL { float: left; } .alR { text-align: right; } .alC { text-align: center; } .alL { text-align:left; } .vlT {vertical-align:top;} .vlB {vertical-align:bottom;} .hide { display: none; } .clear { clear: both; height:1px; line-height:1px; } .ir { position: relative; overflow: hidden; } .ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; } a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; } a:link:hover, a:visited:hover { text-decoration: underline; } a.inv:link, a.inv:visited { text-decoration: underline; } a.inv:link:hover, a.inv:visited:hover { text-decoration: none; } .cols { overflow: hidden; margin: 0; } .cols .col { float: left; width: 50%; } #page .cols .last { margin-right: 0; } .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*------- // Globals //-----*/ body{ background:url(../images/container/body_bg.gif) left top repeat; font-family:Arial, Helvetica, sans-serif; padding-bottom:10px;} /*--------- //------Page Layout ---------*/ /*---------Wrapper-------------*/ div.wrapper{width:1024px; margin:0 auto; } /*---------Container-------------*/ div#container{ background-color:#FFF; min-width:1024px; width:1024px; margin:-4px auto 0; font-size:12px; } div.border{background:url(../images/container/border.gif) left top repeat-x; padding-top:6px;} /*---------Header-------------*/ div#header{ background: #fff url(../images/header/header.gif) left top repeat-y; padding:23px 0px 26px 0px; margin-bottom:15px; width:100%; overflow:hidden; } /*---------Content-------------*/ div#content{clear:both; margin:0px auto; width:1006px; padding-top:100px;} /*---------Main-------------*/ div#main{padding-bottom:6px;} /*---------Footer-------------*/ div#footer{background:url(../images/footer/footer_bg.gif) left top repeat-x; padding:6px 0px;} /*------Login --------*/ .log_container{ background-color:#FFF; margin:16px auto 0; font-size:12px; min-height:100%; border: 1px solid #c3c3c3; text-align:center; } div.wrapper_login{ margin:0 auto; } div#content_login{clear:both; margin:0px auto; padding-top:11%; padding-bottom:11%;} div#main div.content_box_middle_login{background:url(../images/content/middle.gif) left top repeat-y; padding:10px 52px 0px 46px; } div#main div.content_box_login{width:465px; margin:0px auto;} /* Content List */ #content_list{ clear:both; margin:40px 0px 10px 160px; } #album_list{clear:both; margin:40px auto; width:500px; } .gallery_list{clear:both; margin:40px 0px 10px 80px; } .form_position{ clear:both; margin:10px 0px 10px 160px; } /*--------- //------Common Page Content ---------*/ /*---------Header-------------*/ /*---------Logo-------------*/ div#header {height:28px;} div#header div.logo{padding-left:80px;} div#header div.logo a{ font-size:250%; color:#FFF; text-decoration:none; background:transparent; height:auto; line-height:28px;} div#header div.logo a span{color:#1c476c;} /*---------Navigation-------------*/ div#header div.top_navigation{padding-top:10px; padding-bottom:100px;} div#header div.top_navigation ul li{ float:left; color:#5f5858; font-size:110%; padding:3px 0 13px 20px;} div#header div.top_navigation ul li a{color:#5f5858;} div#header div.top_navigation ul li a:hover{color:#5f5858; } div#header div.top_navigation ul li.pipe{background:url(../images/header/navigation/pipe.gif) left top no-repeat; padding:0 5px; margin-left:5px; margin-top:4px;} div#header div.top_navigation ul li.home{background:url(../images/header/navigation/home.png) left top no-repeat; } div#header div.top_navigation ul li.search{background:url(../images/header/navigation/search.gif) left top no-repeat; } div#header div.top_navigation ul li.logout{background:url(../images/header/navigation/logout.gif) left top no-repeat; } /*--------- //------Page Wise Content ---------*/ /*---------Index Page Content-------------*/ /*---------Content--------*/ /*--------- //------Common Styles ---------*/ /* h1{font-weight:normal;} h2{color:#25427a; font-weight:bold; font-size:180%; line-height:1.2em; } h3{color:#2652ab; font-size:180%; font-weight:normal; font-family:"Times New Roman", Times, serif; margin-top:23px;} div.box{background:url(../images/content/box_bg.jpg) left top no-repeat; height:165px; width:149px; float:left; text-align:center; margin:-80px 4px 0px 0px; position:relative; } div.box img{margin-top:-13px; position:relative; } */ h1{font-weight:normal;} h2{color:#25427a; font-weight:bold; font-size:180%; line-height:1.2em; } h3{color:#2652ab; font-size:180%; font-weight:normal; font-family:"Times New Roman", Times, serif; margin-top:23px;} div.box{background:url(../images/content/box_bg.jpg) left top no-repeat; height:165px; width:149px; float:left; text-align:center; margin:-80px 4px 0px 0px; position:relative; } div.box img{margin-top:-13px; position:relative; } .error {background: #ffcccc;border: 1px solid #ff9999;margin: .5em 0 .3em 0;padding: .5em;} .error b{color:#FF0000; font-weight:bold; } .success {font-size: .85em; color:#3D6611; font-size:12px; font-weight:bold; background:#EFF5EA;border: 1px solid #95A486;margin: .5em 0 .3em 0;padding: .5em; } .success b{color:#FF0000; font-weight:bold; } .available {color:#3D6611; font-size:12px; font-weight:bold; margin: .5em 0 .3em 0;padding: .5em; } .ui-effects-transfer { border: 2px solid #666666; } /*---------Main---------*/ div#main div.control_panel{padding-left:28px; } div#main div.box h3{ text-align:center;} div#main div.box h3 a{ color:#19346a; text-decoration:none;} div#main div.box h3 a:hover{ color:#2652ab; text-decoration:none;} div#main div.content_box{width:1006px; margin-top:-65px; } div#main div.content_box_top{background:url(../images/content/top_middle.gif) left top repeat-x;} div#main div.content_box_top_left{background:url(../images/content/left_top.gif) left top no-repeat;} div#main div.content_box_top_right{background:url(../images/content/right_top.gif) right top no-repeat; height:16px;} div#main div.content_box_middle{background:url(../images/content/middle.gif) left top repeat-y; padding:55px 52px 0px 46px; } div#main div.content_box_middle h2{ margin-bottom:10px;} div#main div.content_box_bottom{background:url(../images/content/bottom_middle.gif) left bottom repeat-x;} div#main div.content_box_bottom_left{background:url(../images/content/left_bottom.gif) left bottom no-repeat;} div#main div.content_box_bottom_right{background:url(../images/content/right_bottom.gif) right bottom no-repeat; height:16px;} div#main div.content_box_middle div.inner_content_box{background:url(../images/content/inner_content_middle.gif) left top repeat-y; padding:0 5px; width:894px;} div#main div.content_box_middle div.inner_content_box_top{background:url(../images/content/inner_content_top.gif) left top no-repeat; height:5px; line-height:5px;} div#main div.content_box_middle div.inner_content_box_bottom{background:url(../images/content/inner_content_bottom.gif) left bottom no-repeat; height:5px; line-height:5px; } div#main div.content_box_middle div.inner_content_box div.article_box{width:893px;} div#main div.content_box_middle div.inner_content_box div.article_box div.border{background:url(../images/content/border.gif) left top repeat-x; margin-top:7px;} div#main div.content_box_middle div.inner_content_box div.article_box_top{background:url(../images/content/article_box_top_middle.gif) left top repeat-x;} div#main div.content_box_middle div.inner_content_box div.article_box_top_left{background:url(../images/content/article_box_top_left.gif) left top no-repeat;} div#main div.content_box_middle div.inner_content_box div.article_box_top_right{background:url(../images/content/article_box_top_right.gif) right top no-repeat; height:12px;} div#main div.content_box_middle div.inner_content_box div.article_box_middle{background:url(../images/content/article_box_middle.gif) left top repeat-y; padding:0px 38px 0px 34px; width:821px; overflow:hidden; margin:-5px 0px;} div#main div.content_box_middle div.inner_content_box div.article_box_middle h2.article{margin-bottom:0px; color:#242493; font-size:160%; background:url(../images/content/article.gif) left top no-repeat; height:16px; padding-left:25px; margin-top:15px;} div#main div.article_box_middle h2.article span.new{ font-size:70%; color:#242493; font-weight:normal; padding-left:6px;} div#main div.article_box_middle div.icon ul li{margin-right:15px; font-size:110%; color:#0099cc;} div#main div.article_box_middle div.icon ul li a{color:#0099cc;} div#main div.article_box_middle div.icon ul li a:hover{color:#0099cc; text-decoration:none;} div.control_panel a{float:left;} div.control_panel a.user_manager{ background:transparent url(../images/content/user_manager_hover.png) no-repeat 0px -206px; width:159px; height:202px; display:block; margin-top:-95px; position:relative;} div.control_panel a.user_manager:hover{background-position:0px 0px;} div.control_panel a.settings{ background:transparent url(../images/content/settings_hover.png) no-repeat 0px -206px; width:159px; height:202px; display:block; margin-top:-95px; position:relative;} div.control_panel a.settings:hover{background-position:0px 0px;} div.control_panel a.rooms{ background:transparent url(../images/content/rooms_hover.png) no-repeat 0px -206px; width:159px; height:202px; display:block; margin-top:-95px; position:relative;} div.control_panel a.rooms:hover{background-position:0px 0px;} div.control_panel a.picture{ background:transparent url(../images/content/picture_hover.png) no-repeat 0px -206px; width:159px; height:202px; display:block; margin-top:-95px; position:relative;} div.control_panel a.picture:hover{background-position:0px 0px;} div.control_panel a.content{ background:transparent url(../images/content/content_hover.png) no-repeat 0px -206px; width:159px; height:202px; display:block; margin-top:-95px; position:relative;} div.control_panel a.content:hover{background-position:0px 0px;} div.control_panel a.booking{ background:transparent url(../images/content/booking_hover.png) no-repeat 0px -206px; width:159px; height:202px; display:block; margin-top:-95px; position:relative;} div.control_panel a.booking:hover{background-position:0px 0px;} div#main div.section{background:url(../images/content/section_middlebg.gif) left top repeat-x;} div#main div.section_left{background:url(../images/content/section_leftbg.gif) left top no-repeat;} div#main div.section_right{background:url(../images/content/section_rightbg.gif) right top no-repeat; height:23px; padding:10px 15px;} div#main div.section h2{font-size:160%; color:#242493; background:transparent url(../images/content/article.gif) no-repeat 0px 0px; padding:0px 0px 0px 22px; margin:4px 0px 0px 6px; text-transform:uppercase;} div#main div.section h2 a{font-size:70%; font-weight:normal; color:#242493;} div#main div.section ul li{ float:left; margin-top:-7px; position:relative; padding:0px 23px;} div#main div.section ul li.upload{background:transparent url(../images/content/upload.png) no-repeat center 0px;} div#main div.section ul li.save{background:transparent url(../images/content/floppy.gif) no-repeat center 0px;} div#main div.section ul li.stop{background:transparent url(../images/content/stop.gif) no-repeat center 0px;} div#main div.section ul li a{color:#0d88c7; float:left; padding-top:27px;} .upload_more{background:transparent url(../images/content/upload_more.png) no-repeat center 0px; height:16px; } #upload_more_photo{color:#0d88c7;} div#main div.description{padding:0px 34px 10px 28px; border-top:solid 1px #b3b3b8; margin:15px -3px 0px -3px; } div#main div.description table.table1{width:100%; margin:7px 0px 22px 0px;} div#main div.description table.table1 td{vertical-align:top; padding-bottom:5px; } div#main div.description table.table1 td.first{padding:3px 17px 0px 0px;} div#main div.description table.table1 textarea{width:695px;} div#main div.description table input{ width:209px; padding:3px;} div#main div.description table select{ width:216px; padding:5px; } div#main div.description table textarea{ padding:5px;} div#main div.description table label{color:#003333; font-size:120%;} /*form div { padding-top: .8em;} */ form div {padding-top: .8em;} label { clear:both;width: 130px;margin-right: 10px;float: left; margin-top:10px; } label.auto-width { width: auto; } input.text {width:209px; padding:3px;background: white;border: 1px solid #c3c3c3;} select.select {width:216px; padding:5px; background: white;border: 1px solid #c3c3c3;} textarea.textbox {background: white;border: 1px solid #c3c3c3;padding:5px; } input.multi { width:216px;padding:3px; background: white;border: 1px solid #c3c3c3; } input.checkbox {margin-right: 10px;float: left;} input.button {width:120px; padding:3px;background: white;border: 1px solid #c3c3c3;} /*div#main div.description table.table2{width:100%; } div#main div.description table.table2 tr.alt td{ background: #ecf6fc; } div#main div.description table.table2 tr.over td{ background: #bcd4ec; } */ table{margin-top:10px; border: 1px solid #c3c3c3; width:100%;} th{background:#3E83C9; color:#ffffff; font-size:12px; padding:10px 11px; text-align:left;} td{ padding:6px 11px; border-bottom:1px solid #95bce2; vertical-align:middle; } td * { padding:6px 0px; } td b{color:#FF0000; } tr.alt td{ background: #ecf6fc; } tr.over td{ background: #bcd4ec; } .failed{ background:url("../images/unchecked.gif") no-repeat 0px 0px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200; } .checked { background:url("../images/checked.gif") no-repeat 0px 0px;} /* div#main div.description table.table2 th{color:#FFFFFF; font-size:120%; background:#4f9fe9; padding:5px 0px; border-top:solid 1px #dedede; text-align:left;} div#main div.description table.table2 th.first{width:180px; border-left:solid 1px #dedede;} div#main div.description table.table2 th.third{ width:80px;border-right:solid 1px #dedede; text-align:right;} div#main div.description table.table2 th.second{width:405px;} div#main div.description table.table2 td{font-size:120%; padding:2px; text-align:left;} div#main div.description table.table2 td img{margin:0px 15px;} div#main div.description table.table2 td{border-bottom:solid 1px #a8a7a7; border-top:solid 1px #a8a7a7;} div#main div.description table.table2 td.first{border-left:solid 1px #a8a7a7;} div#main div.description table.table2 td.last{border-right:solid 1px #a8a7a7;} div#main div.description table.table2 td a{color:#101011;}*/ #dashboard{ width:213px; padding: 10px;margin:0 auto; text-align:center;} #dashboard h1{ font-weight:bold; font-size:25px; color:#3E83C9;} #report{ width:213px; border: 1px solid #c3c3c3; text-align:center; padding: 3px;margin: 3px;} #report h1{font-size:16px; color:#ffffff; font-weight:bold; background:#3E83C9; height:20px; padding:10px 0px 0px 0px; } #report p{ height:30px;padding:10px 0px 0px 0px; font-size:14px;} #report p span{ color:#FF0000; font-weight:bold;} #report p a{ color:#FF0000;} #analysis_report{ clear:both; margin-left:-45px;min-width:300px; max-width:1000px; width:996px; border: 1px solid #c3c3c3; text-align:center; padding: 3px;} #analysis_report h1{font-size:16px; color:#ffffff; font-weight:bold; background:#3E83C9; height:20px; padding:10px 0px 0px 0px; } #analysis_report p{ height:30px;padding:10px 0px 0px 0px;} /* Pagination */ div.pagination {padding: 3px;margin: 3px;} div.pagination a { padding: 2px 5px 2px 5px; margin: 2px;border: 1px solid #AAAADD;text-decoration: none; /* no underline */ color: #000099;} div.pagination a:hover, div.pagination a:active {border: 1px solid #000099; color: #000;text-decoration: none;} div.pagination span.current { padding: 2px 5px 2px 5px;margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF;} div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD;} .px12{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0066FF;} /*Rooms Table*/ .tb_rooms{ clear:both;width:1004px; margin-left:-44px; border:0px; } /*Calendar*/ .tb_calendar{ clear:both;width:1004px; margin-left:-44px; border:0px; } .tb_calendar a{ color:#3E83C9;} .tb_calendar td{padding:3px; border:0px;} .tbl_calendar{width:1003px; margin-left:-3px; margin-right:-50px; border:0px;} .tbl_calendar td{ border:0px;} .calendar { height:150px;} .calendar caption {color:#3E83C9; font-weight:bold;} .calendar a{color:#CC6633; font-weight:bold; width:200px; } .calendar th{ height:30px; text-align:center;} .calendar td{ width:28.57px; text-align:center;} .calendar table{ padding:10px;} /*---------Footer-------------*/ div#footer p{ font-size:110%; color:#FFF; margin:0px;} div#footer p a{color:#FFF;}