/** dunwoody website css **/ /* by boris grudinin */ /* http://www.dunwoody.co.uk/ */ /* ---------------------------- */ @import "reset.css"; /* ---------------------------- */ /*** main styles ***/ html, body { /*font-family: "Lucida Sans Unicode", Helvetica, sans-serif;*/ font-family: Trebuchet MS, Helvetica, sans-serif; } body { background: url(/images/bg/bg-main.jpg) left top repeat-x #d3d3d3; } .left { float: left; } .right { float: right; } a.read-more { display: block; background: url(/images/buttons/btn-read-more.jpg) left bottom no-repeat; width: 89px; height: 24px; overflow:hidden; text-indent: -9999px; } a.read-more:hover { background-position: left top !important; } a:hover { text-decoration: none; } div { position: relative; } hr { border: none; border-bottom: 1px solid #d8d8d8; color: #d8d8d8; height: 1px; margin: 8px 0px; clear: both; } h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; } ul.pages { list-style: none; overflow: hidden; margin-bottom: 7px; } ul.pages li { float: left; margin-left: 1px; } ul.pages li a { display: block; width: 24px; height: 21px; background: url(/images/buttons/btn-page.jpg) left bottom no-repeat; color: #bbbbbb; text-decoration: none; text-align: center; padding-top: 3px; font-size: 0.9em; } ul.pages li a.actitve, ul.pages li a:hover { background-position: left top; padding-top: 5px; height: 19px; } /* ---------------------------- */ /*** setting up the page ***/ div#main { width: 960px; margin: 0 auto; clear: both; background: #ffffff; } div#top { background: url(/images/bg/bg-top.jpg) left top repeat-x; height: 127px; overlfow: hidden; z-index: 10; } div#splash { background: #003672 url(/images/background.jpg) top left no-repeat; margin-top:-4px; width:100%; overflow:hidden; padding-top:20px; } body#home div#middle { height: 147px; padding: 20px 30px 27px; background: url(/images/bg/bg-middle.jpg) left top repeat-x; } div#middle { height: 55px; padding: 25px 30px 27px; background: url(/images/bg/bg-middle.jpg) left bottom repeat-x; } div#content { overflow: hidden; padding: 0; } div.grad-box { background: url(/images/bg/bg-grad-box.jpg) left top repeat-x; height: 51px; overflow: hidden; margin-bottom: -23px; padding: 25px 20px 15px; } div#footer { background: url(/images/bg/bg-footer-top.jpg) left top no-repeat; margin-top: 20px; padding: 17px 0px 0px; height: 46px; } div#footer div.footer-bottom { clear: both; background: url(/images/bg/bg-footer-bottom.jpg) left bottom no-repeat #ffffff; padding: 10px 20px 25px; min-height: 15px; } /* ---------------------------- */ /*** top ***/ div#top a.logo { display: block; float: left; background: url(/images/gri-logo.jpg) left bottom no-repeat; width: 194px; height: 66px; margin: 20px 0px 0px 31px; } div#top a.logo:hover { background-position: left top; } div#top a.logo span { display: block; text-indent: -9999px; } div#top div.search-client { float: right; overflow: hidden; height: 35px; margin-right: 30px; } div#top div.search-client form { float: left; background: url(/images/bg/bg-search-bar.jpg) left top no-repeat; width: 199px; height: 29px; overflow: hidden; padding: 6px 0px 0px 9px; line-height: 1em; } div#top div.search-client form label { font-size: 0.7em; color: #7d7d7d; float: left; padding: 2px 7px 0px 0px; } div#top div.search-client form input { font-size: 0.7em; padding: 2px; width: 100px; float: left; background: #e8e8e8; border: 1px solid #c8c8c8; } div#top div.search-client form button { border:0px; display: block; float: left; background: url(/images/buttons/btn-go-arrow.jpg) 0px -14px no-repeat; width: 14px; height: 14px; margin: 3px 0px 0px 7px; } div#top div.search-client form button:hover { background-position: 0px 0px; } div#top div.search-client form button span { display: block; text-indent: -9999px; } div#top div.search-client a.client-area { display: block; float: left; width: 98px; height: 35px; background-image: url(/images/buttons/btn-client-area.jpg); background-position:top left; background-repeat: no-repeat; } div#top div.search-client a.client-area:hover { background-position:bottom left; } div#top div.search-client a.client-area span { display: block; text-indent: -9999px; } div#top ul#nav { list-style: none; overflow: hidden; height:72px; float: right; margin: 51px 10px 0px 0px; } div#top ul#nav li { float: left; margin-left: 2px; } div#top ul#nav li a { display: block; height: 72px; text-indent:-5000px;overflow: hidden; } div#top ul#nav li a:hover, div#top ul#nav li a.current { background-position: left bottom !important; } div#top ul#nav li a span { display: block; text-indent: -9999px; } /* THESE USE THE PAGE HTML NAME FOR THE CLASSES! */ div#top ul#nav li a.home { width: 93px; background: url(/images/nav/home.gif) left top no-repeat; } div#top ul#nav li a.what-we-do { width: 139px; background: url(/images/nav/what-we-do.gif) left top no-repeat; } div#top ul#nav li a.our-work { width: 120px; background: url(/images/nav/our-work.gif) left top no-repeat; } div#top ul#nav li a.resources { width: 121px; background: url(/images/nav/resource.gif) left top no-repeat; } div#top ul#nav li a.contact-us { width: 128px; background: url(/images/nav/contact-us.gif) left top no-repeat; } div#top ul#nav li a.blog { width: 81px; background: url(/images/nav/blog.gif) left top no-repeat; } /* ---------------------------- */ /*** splash ***/ div#splash div.right { width: 320px; padding-right: 10px; } div#splash a.next-item { display: block; width: 87px; height: 23px; background: url(/images/buttons/btn-next-item.png) left bottom no-repeat; position: absolute; right: 14px; top: 225px; } div#splash a.next-item:hover { background-position: left top; } div#splash a.next-item span { display: block; text-indent: -9999px; } div#splasn_blank { background:url(/images/splash_blank.jpg) top left no-repeat; height:20px; } /* ---------------------------- */ /*** middle ***/ body#home div#middle h1 { color: #16446d; font-size: 1.9em; font-weight: normal; width: 290px; line-height: 1.4em; margin-top: -4px; } body#home div#middle h2 { width: 535px; border-left: 1px solid #d8d8d8; padding: 0px 0px 13px 35px; color: #7b7b7b; letter-spacing: -1px; font-size: 1.3em; font-weight: normal; margin:0px !important; } body#home div#middle p { width: 535px; border-left: 1px solid #d8d8d8; padding-left: 35px; padding-bottom:10px; color: #7b7b7b; font-size: 0.75em; line-height: 1.7em; margin:0px !important; } div#middle h1 { color: #7b7b7b; font-size: 1.9em; font-weight: normal; margin-bottom: 2px; } div#middle p { font-size: 0.75em; color: #b5a782; } div#middle ul.crumbs { list-style: none; float: left; clear: left; overflow: hidden; } div#middle ul.crumbs li { float: left; background: url(/images/bg/bg-crumbs.gif) left center no-repeat; padding-left: 8px; margin-right: 6px; line-height: 1.2em; } div#middle ul.crumbs li.first { padding-left: 0px; background: none; } div#middle ul.crumbs li a { font-size: 0.75em; color: #b5a782; } div#middle div.right { text-align: right; margin-top: -26px; } div#middle div.right p { display: block; } /* ---------------------------- */ /*** content ***/ /** homepage **/ body#home div#content div#col-left { width: 550px; float: left; padding-left: 0px !important; } body#home div#content div#col-left h2 { clear: both; color: #005580; background: url(/images/bg/bg-h2-home.jpg) left top no-repeat; width: 518px; height: 43px; font-size: 1.6em; font-weight: normal; padding: 20px 10px 10px 18px; margin-bottom: 15px; } body#home div#content div#col-left h3 { color: #7b7b7b; font-size: 1.4em; font-weight: normal; margin: 8px 0px 8px 20px; } body#home div#content div#col-left div ul.right { list-style: none; width: 180px; margin: 6px 32px 10px 0px; line-height: 1.4em; } body#home div#content div#col-left div ul.right li.no-border { border-top: none; } body#home div#content div#col-left div ul.right li { margin-bottom: 4px; font-size: 0.8em; line-height: 1.7em; color: #7b7b7b; border-top: 1px solid #d8d8d8; overflow: hidden; padding-top: 4px; } body#home div#content div#col-left div ul.right li strong { color: #005580; display: block; float: left; width: 60px; } body#home div#content div#col-left div a.read-more { position: absolute; right: 17px; top: 240px; } body#home div#content div#col-left img.left { margin: 10px 0px 15px 20px; } body#home div#content div#col-left hr { margin: 8px 20px; } body#home div#content div#col-right { width: 363px; float: right; border-left: 1px solid #d8d8d8; padding-left: 13px; } body#home div#content div#col-right h2 { position: relative; color: #005580; background: url(/images/bg/bg-h2-home-right.jpg) left top no-repeat; width: 335px; height: 43px; font-size: 1.6em; font-weight: normal; padding: 20px 10px 10px 18px; margin-bottom: 15px; } body#home div#content div#col-right h2 a { position: absolute; right: 20px; top: 14px; background: url(/images/buttons/btn-rss-big.jpg) left bottom no-repeat; width: 45px; height: 33px; } body#home div#content div#col-right h2 a:hover { background-position: left top; } body#home div#content div#col-right h2 a span { display: block; text-indent: -9999px; } body#home div#content div#col-right ul.news { list-style: none; padding: 10px 0px; width: 330px; font-size: 1em; margin: 0px !important; } body#home div#content div#col-right ul.news li { overflow: hidden; line-height: 1.4em; border-bottom: 1px solid #d8d8d8; color: #7b7b7b; padding: 20px 0px; margin: 0px 10px 10px 20px; width: 330px; } body#home div#content div#col-right ul.news li img { float: left; } body#home div#content div#col-right ul.news li img.news2 { margin-left: 25px; } body#home div#content div#col-right ul.news li div.right { width: 180px; } body#home div#content div#col-right ul.news li div.right img { float: right; margin-top: 10px; } body#home div#content div#col-right ul.news li div.right h4 { font-size: 1.1em; font-weight: normal; margin-bottom: 8px; } body#home div#content div#col-right ul.news li div.right p { font-size: 0.8em; margin: 0px !important; padding: 0px !important; } body#home div#content div#col-right ul.news li div.right a { margin-top: 8px; } body#home div#content div#col-right form.talk-to-us { background: url(/images/bg/bg-talk-to-us.jpg) left top no-repeat; width: 343px; height: 263px; padding: 0px 0px 10px 20px; } body#home div#content div#col-right form.talk-to-us h2 { background: none; padding: 23px 10px 0px 0px; margin-bottom: 0px; } body#home div#content div#col-right form.talk-to-us ul { list-style: none; overflow: hidden; margin: 0px !important; padding: 0px !important; font-size: 1em; line-height: 1; } body#home div#content div#col-right form.talk-to-us ul li { width: 150px !important; overflow: hidden; padding: 3px 0px 4px; float: left; margin-right: 21px; } body#home div#content div#col-right form.talk-to-us ul li label { display: block; color: #7b7b7b; font-size: 0.7em; margin-bottom: 4px; } body#home div#content div#col-right form.talk-to-us ul li label span { color: #c4c4c4; } body#home div#content div#col-right form.talk-to-us ul li input.text { width: 144px; background: #e8e8e8; border: 1px solid #c8c8c8; padding: 2px; font-size: 0.7em; color: #5b5b5b; } body#home div#content div#col-right form.talk-to-us ul li textarea { width: 316px; height: 46px; background: #e8e8e8; border: 1px solid #c8c8c8; padding: 2px; font-size: 0.7em; line-height: 1.2em; color: #5b5b5b;font-family: Trebuchet MS, Helvetica, sans-serif; } body#home div#content div#col-right form.talk-to-us ul li.msg { clear: both; float: none; width: 322px !important; margin-right: 0px; } body#home div#content div#col-right form.talk-to-us ul li.button { clear: both; float: right; margin-right: 16px; } body#home div#content div#col-right form.talk-to-us ul li.button button { border:0px; display: block; background: url(/images/buttons/btn-submit.jpg) left bottom no-repeat; width: 69px; height: 23px; float: right; } body#home div#content div#col-right form.talk-to-us ul li.button button:hover { background-position: left top !important; } body#home div#content div#col-right form.talk-to-us ul li.button button span { display: block; text-indent: -9999px; } /** rest of site */ div#content div#col-left { float: left; width: 182px; padding-left: 8px; } div#content div#col-left ul.sub-nav { list-style: none; width: 164px; } div#content div#col-left ul.sub-nav li { background: url(/images/bg/bg-left-nav.jpg) left bottom no-repeat; height: 1%; } div#content div#col-left ul.sub-nav li a { font-size: 1.1em; display: block; text-decoration: none; color: #7d7d7d; padding: 9px 11px; } div#content div#col-left ul.sub-nav li a.current, div#content div#col-left ul.sub-nav li a:hover { color: #16446d; } div#content div#col-left ul.sub-nav li ul { background: url(/images/bg/bg-left-nav.jpg) left top no-repeat; padding-left: 15px; } div#content div#col-left ul.sub-nav li ul li { background: url(/images/bg/bg-subnav.gif) left center no-repeat; } div#content div#col-left ul.sub-nav li ul li a { font-size: 0.8em; } div#content div#col-right ul { margin: 0px 0px 15px 24px; list-style: disc; line-height: 1.7em; font-size: 0.8em; padding: 0px 20px; } div#content div#col-right ol { margin: 0px 0px 15px 32px; list-style: decimal; line-height: 1.7em; font-size: 0.8em; padding: 0px 20px; } div#content div#col-right ol li, div#content div#col-right ul li { color: #005580; } div#content div#col-right ol li span, div#content div#col-right ul li span { color: #7d7d7d; } div#content div#col-right { float: right; width: 710px; } div#content div#col-right ul.work-items { font-size:1em; margin:0px; padding:0px; list-style: none; overflow: hidden; } div#content div#col-right ul.work-items li { position: relative; margin-bottom: 10px; height: 240px; } div#content div#col-right ul.work-items li .right { width: 420px; clear: right; } div#content div#col-right ul.work-items li img { position: absolute; left: 0; top: 0; } div#content div#col-right ul.work-items li hr { width: 410px !important; position: absolute; right: 10px; top: 203px; } div#content div#col-right ul.work-items li h2.right { background: url(/images/bg/bg-h2-work.jpg) left top no-repeat; width: 420px; height: 60px; color: #7b7b7b; font-size: 1.6em; font-weight: normal; padding: 12px 0px 0px 25px; margin-bottom: 10px; } div#content div#col-right ul.work-items li h2.right span { display: block; font-family: Trebuchet MS, Helvetica, sans-serif; color: #b5a782; font-size: 0.5em; padding: 4px 0px 0px 0px; } div#content div#col-right ul.work-items li h3 { color: #16446d; font-size: 1.1em; font-weight: normal; margin-bottom: 8px; padding: 0px; } div#content div#col-right ul.work-items li p { overflow: hidden; color: #7d7d7d; font-size: 0.8em; line-height: 1.4em; padding: 0px; margin-bottom: 0px;} div#content div#col-right ul.work-items li a.read-more { position: absolute; right: 4px; top: 180px; } div#content div#col-right h2 { background: url(/images/bg/bg-h2-normal.jpg) left top no-repeat; width: 688px; height: 52px; color: #005580; font-size: 1.6em; font-weight: normal; margin-bottom: 15px; padding: 22px 0px 0px 20px; } div#content div#col-right h3 { color: #7d7d7d; font-size: 1.3em; font-weight: normal; margin-bottom: 15px; padding: 0px 20px; } div#content div#col-right p { color: #7d7d7d; font-size: 0.8em; line-height: 1.5em; margin-bottom: 15px; padding: 0px 20px; } div#content div#col-right p.large { font-size: 0.95em; line-height: 1.4em; } div#content div#col-right a { color: #16446d; } div#content div#col-right img.img-left { float: left; margin: 10px 15px 10px 20px; } div#content div#col-right img.img-right { float: right; margin: 10px 20px 10px 15px; } div#content div#col-right table { margin: 0px 20px 15px; } div#content div#col-right table th { color: #005580; font-size: 1.2em; font-weight: normal; padding: 8px 18px 8px 0px; text-align: left; border-bottom: 1px solid #cccccc; } div#content div#col-right table td { color: #7d7d7d; font-size: 0.8em; padding: 8px 18px 8px 0px; border-bottom: 1px solid #f1f1f1; } /* ---------------------------- */ /*** grad-box ***/ div.grad-box a, div.grad-box p { color: #b5a782; font-size: 0.75em; line-height: 1.2em; } /* ---------------------------- */ /*** footer ***/ div#footer ul.small-nav { list-style: none; overflow: hidden; margin-bottom: 11px; padding-left: 20px; } div#footer ul.small-nav li { float: left; margin-right: 5px; color: #eeeeee; font-size: 0.75em; line-height: 1.3em; } div#footer ul.small-nav li a { color: #eeeeee; } div#footer p { font-size: 0.75em; color: #777777; padding: 0px 20px; } div#footer p strong { color: #22547a; } div#footer p.right { width:220px; text-align:right; padding: 0px 20px 0px 0px; } div#footer p.left { width:700px; text-align:left; padding: 0px 0px 0px 20px; } div#footer div.footer-bottom ul { list-style: none; overflow: hidden; margin-bottom: 8px; } div#footer div.footer-bottom ul li { float: left; margin-right: 5px; color: #777777; font-size: 0.75em; line-height: 1.3em; } div#footer div.footer-bottom ul li a { color: #777777; } .image_left { float:left; margin-right:10px; margin-bottom:3px; } .image_right { float:right; margin-left:10px; margin-bottom:3px; } div#content div#col-right h2 a { text-decoration:none; } div#content div#col-right h2 a:hover { text-decoration:underline; } .hidden { display:none; } #col-right .mainform { color:#7d7d7d; padding: 0px 8px 0px 8px; } #col-right .mainform fieldset { margin:0px 0px 10px 0px; border:1px solid #cccccc; } #col-right .mainform legend { display:none; } #col-right .mainform label { float:left; width:130px; } #col-right .mainform ul { overflow: hidden; padding: 12px !important; margin: 0px !important; list-style: none !important; } #col-right .mainform ul li { overflow:hidden; float: left; width: 330px; margin-bottom: 4px; height: 1%; } #col-right .mainform ul li.button, #col-right .mainform ul li.text { width: 670px; float: none !important; clear: both !important; } #col-right .mainform ul li.button button { font-weight: bold; color: #565656; font-size: 1em; padding: 3px; } #col-right .mainform input, #col-right .mainform select { float:left; background:#e8e8e8; border:1px solid #c8c8c8; color:#5b5b5b; font-size:0.7em; padding:2px; } #col-right .mainform input { padding: 4px 3px; width: 175px; } #col-right .mainform select { width: 183px; padding-top: 4px; } #col-right .mainform textarea { float:none; background:#e8e8e8; border:1px solid #c8c8c8; color:#5b5b5b; font-size:0.7em; padding:2px; width:507px; height:120px; font-family: Trebuchet MS, Helvetica, sans-serif; } .error { } .error ul, .error ul { margin:0px 0px 20px 20px; } .error ul li, .success ul li { color:#7D7D7D; font-size:0.8em; margin:3px 0px 3px 0px; } .error h2 { color:red !important; } .success h2 { color:green !important; } .client_container { width:100%; overflow:hidden; } .client { padding:5px; border:1px solid #cfcfcf; width:200px; text-align:center; vertical-align:middle; overflow:hidden; font-size:1.2em; height:130px; float:left; margin:0px 20px 10px 0px; } .small_client { padding:3px;border:1px solid #cfcfcf; width:75px !important; height:70px; text-align:center; vertical-align:middle; overflow:hidden; float:left; margin:0px 4px 0px 4px; } .client h3 { margin-top:50px; } .work_tags { line-height:1 !important; padding:0px !important; margin:0px !important; font-size:1em !important; width:100%; overflow:hidden; border-bottom:1px solid #CCCCCC; margin-bottom:10px !important; } .work_tags li { list-style-image:none; list-style:none; float:left; height:30px; margin-right:10px; } .work_tags li a { font-weight:bold; } .inner_col_left { width:470px; float:left; overflow:hidden; } .inner_col_left h2 { background-image:url(/images/bg/bg-h2-work.jpg) !important; } .inner_col_right ul.right { list-style: none; width: 210px; margin: 6px 10px 15px 0px; line-height: 1.4em; overflow:hidden; } .inner_col_right ul.right li.no-border { border-top: none; } .inner_col_right ul.right li { margin-bottom: 4px; font-size: 0.8em; line-height: 1.7em; color: #7b7b7b; border-top: 1px solid #d8d8d8; overflow: hidden; padding-top: 4px; } .inner_col_right ul.right li strong { color: #005580; display: block; float: left; width: 60px; } .asset_p { clear:both; line-height:1 !important; } .asset_type_2,.asset_type_4,.asset_type_5,.asset_type_6 { overflow:hidden; color:#7b7b7b !important; font-family: Georgia, "Times New Roman", Times, serif; text-decoration:none; display:block; height:27px; width:170px; background-position:top left; background-repeat:no-repeat; padding:18px 0px 0px 45px; } .asset_type_2:hover,.asset_type_4:hover,.asset_type_5:hover,.asset_type_6:hover { background-position:bottom left; } .asset_type_2 { background-image:url(/images/asset_image_2.jpg); } .asset_type_4 { background-image:url(/images/asset_image_4.jpg); } .asset_type_5 { background-image:url(/images/asset_image_5.jpg); } .asset_type_6 { background-image:url(/images/asset_image_6.jpg); } #client-area { padding:0px; height:127px; background:url(/images/bg/client_bg.jpg) top left repeat-x; } #client-area .client_left { width:280px; overflow:hidden; float:left; margin:20px 20px 0px 20px; display:block; } #client-area .client_right { width:340px; float:left; margin:20px 00px 0px 20px; padding-right:20px; } #client-area h2 { color:#baa570; margin:0px 0px 10px 0px; padding:0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.2em; } #client-area p { color:#d1d1d1; margin:0px; padding:0px; font-size:0.7em; font-family: Georgia, "Times New Roman", Times, serif; line-height:1.4; } #client-area .client_bar { height:127px; width:2px; float:left; background:url(/images/bg/client_bar.gif) top left no-repeat; } #client-area form { width:225px; float:right; padding:20px 10px 0px 00px; } #client-area form ul { font-size:0.7em; width:100%; overflow:hidden; list-style:none; } #client-area form ul li { width:100%; overflow:hidden; margin:5px 0px; } #client-area form label { float:left; width:70px; margin-top:2px; font-family: Georgia, "Times New Roman", Times, serif; color:#d1d1d1; } #client-area form button { float:left; text-indent:-2222px; border:none; background:url(/images/buttons/go-filespace.png) top left no-repeat; height:19px; width:37px; margin-left:5px; } #client-area form button:hover { background-position:bottom left; } #client-area form input { float:left; } #client-area form input.text { border:1px solid #3d3d3d; background:#4d4d4d; width:100px; font-size:0.8em; color:white; } .inner_col_right ul { width:180px !important; float:none !important; font-size:1em !important; margin:0px 0px 15px 0px !important; } .inner_col_right { width:230px; float:left; overflow:hidden; padding-left:10px; } .inner_col_right p { margin:0px; padding:0px 10px 0px 10px !important; } .manageform { margin:0px 20px; } .manageform fieldset { } .manageform legend { display:none; } .manageform label { float:left; width:230px; } .manageform label span { font-size:0.7em; color:#ABABAB; } .manageform input.text { float:left; width:150px; } .manageform input.large { float:left; width:250px; } .manageform select { float:left; width:250px; } .manageform ul { width:100%; overflow:hidden; } .manageform ul li { width:100%; overflow:hidden; padding:10px 0px; border-bottom:1px dotted #CCCCCC; } .manageform ul li.noborder { border-bottom:none; } .archive { font-size:0.7em; margin-top:20px; color:#AAAAAA; } .archive td { padding:3px 0px } .archive td a { color:#005580; } .archive td a:hover { color:#b5a782; } #menu { height:100px } #content { margin:10px 0px 50px 0px !important; width:100%; overflow:hidden; } .has_logo h1 { margin:20px 0px 10px 150px ; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:normal; } .has_logo p { margin-left:150px; font-size:0.8em; } .content_item { position:relative; } .middle { width:859px; padding:0px 50px; background:url(/images/filespace_body/bg.png) top left repeat-y; overflow:hidden; position:relative; } .top { width:100%; height:7px; background:url(/images/filespace_body/top.png) bottom left no-repeat; padding:0px; } .bottom { width:100%; height:9px; background:url(/images/filespace_body/bottom.png) top left no-repeat; } .fs_logo { position:absolute; top:7px; left:735px; } .fs_logo_menu { position:absolute; top:7px; left:740px; } .drive { margin:0px 0px 0px 10px; position:absolute; top:-5px; left:50px; } .middle form { clear:both; } #content .loginform { height:130px; width:174px; padding:20px 20px 0px 20px; margin:0px 0px 0px 150px; background:url(/images/filespace_body/login_form_bg.gif) top left no-repeat; } #content .loginform ul { } #content .loginform ul li { margin:0px 0px 5px 0px; } #content .loginform fieldset { border:none !important ; } #content .loginform legend { display:none; } #content .loginform label { font-family:Georgia, "Times New Roman", Times, serif; font-size:0.8em; color:#a0a0a0; display:block; padding-bottom:3px; } #content .loginform input.text { width:165px; height:14px; border:1px solid #e4e4e4; padding:2px; } #content .loginform button { float:right; width:65px; height:22px; background-image:url(/images/filespace_body/login_button.gif); background-position:top left; background-repeat:no-repeat; border:0px; text-indent:-12222px; } #content .loginform button:hover { background-position:bottom left; } #content .loginform a { font-size:0.7em; } #content a { color:#a0a0a0; text-decoration:none; } #content a:hover { text-decoration:underline; } .message { padding:0px 20px; } .message h1 { margin:20px 0px 10px 00px !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:normal; } .message p { font-size:0.8em; padding-left:0px !Important; } .message ul { margin:10px 0px 20px 0px; } .message ul li { margin:2px; } #menu ul { margin:20px 10px 20px 150px; padding:50px 0px 0px 20px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; width:500px; overflow:hidden; } #menu ul li { list-style:none; margin:0px 20px 0px 0px; padding:0px; float:left; height:30px; } #menu ul li a { display:block; height:30px; text-indent:-1000px; background-position: bottom left; background-repeat: no-repeat; border-bottom:none; } #menu ul li a:hover { background-position: top left; } #menu .file_manager { width:125px; background-image:url(/images/file_manager.jpg); } #menu .upload_files { width:120px; background-image:url(/images/upload_files.jpg); } #menu .manage_users { width:94px; background-image:url(/images/manage_accounts.jpg); } #menu .logout { width:77px; background-image:url(/images/log_out.jpg); } h1 { color:#16446d;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:2em } h2 { color:#16446d;font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:normal; } .right_col { float:right; width:450px; padding-left:50px; margin:20px 20px 20px 0px; border-left:1px solid #d8d8d8; } .middle p { padding-left:20px; } .middle h1 { margin:20px 0px 0px 20px; } .middle h1 { margin:20px 0px 0px 20px; } .middle .header h1 { float:left; } .middle .header p { font-size:0.8em; padding-left:0px; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5; color:#848484; } .middle .header p span { font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; } .middle .header { background:url(/images/filespace_body/top_bg.gif) top left repeat-x; width:858px; overflow:hidden; } .middle .select_files_for { height:29px; padding-left:10px; padding-top:7px; background:url(/images/filespace_body/bg_2.gif) top left repeat-x; width:848px; overflow:hidden; } .middle .select_files_for .right { text-align:right; } .middle .select_files_for label { font-size:0.7em;font-family:Georgia, "Times New Roman", Times, serif; color:#848484;} .middle .select_files_for select { width:150px; } .middle .select_files_for p { padding-left:0px; } button.download { float:left; width:89px; height:23px; border:0px; background:url(/images/filespace_body/button_download.png) top left no-repeat; } button.move { width:89px; height:23px; border:0px; background:url(/images/filespace_body/button_move.png) top left no-repeat; } button.add_user { float:left; width:89px; height:23px; border:0px; background:url(/images/filespace_body/button_add_user.png) top left no-repeat; } button.save { float:left; width:89px; height:23px; border:0px; background:url(/images/filespace_body/button_save.png) top left no-repeat; } .button.delete { float:left; width:89px; height:23px; border:0px; background:url(/images/filespace_body/button_delete.png) top left no-repeat; } button.upload { float:left; width:89px; height:23px; border:0px; background:url(/images/filespace_body/button_upload.png) top left no-repeat; } button span { display:none; } .button span { display:none; } .middle table { width:98%; margin:0 auto; } .middle table th { border-bottom:#b9c7d6 1px dotted; height:40px; padding-bottom:5px; text-align:left; color:#475d77; vertical-align:bottom; } .middle table td { border-bottom:#b9c7d6 1px dotted; height:32px; vertical-align:middle; background-color:#fafafa; font-size:0.8em; padding: 0px 2px;} .middle table td a { color:#475d77 !important; font-weight:bold; } .middle table .alt { background-color:#f3f3f3; } .middle table .filetype { padding-left:35px; background-position: left center ;background-repeat: no-repeat; } .middle .uploadform { margin:20px; } .middle .uploadform legend { display:none; } .middle .uploadform label { padding-top:5px; float:left; width:110px; font-size: 0.8em; } .middle .uploadform select { float:left; width:150px; } .middle .uploadform ul { } .middle .uploadform ul li { margin:5px; clear:both; } /* TYPES */ .jpg { background-image:url(../images/icons/mimetypes/image.png); } .gif { background-image:url(../images/icons/mimetypes/image.png); } .png { background-image:url(../images/icons/mimetypes/image.png); } .bmp { background-image:url(../images/icons/mimetypes/image.png); } .tif { background-image:url(../images/icons/mimetypes/image.png); } .exe { background-image:url(../images/icons/mimetypes/exe.png); } .htm { background-image:url(../images/icons/mimetypes/html.png); } .html { background-image:url(../images/icons/mimetypes/html.png); } .pdf { background-image:url(../images/icons/mimetypes/pdf.png); } .doc { background-image:url(../images/icons/mimetypes/document.png); } .rtf { background-image:url(../images/icons/mimetypes/document.png); } .doc { background-image:url(../images/icons/mimetypes/document.png); } .txt { background-image:url(../images/icons/mimetypes/txt.png); } .avi { background-image:url(../images/icons/mimetypes/video.png); } .mpg { background-image:url(../images/icons/mimetypes/video.png); } .mpeg { background-image:url(../images/icons/mimetypes/video.png); } .wmv { background-image:url(../images/icons/mimetypes/video.png); } .mov { background-image:url(../images/icons/mimetypes/quicktime.png); } .3gp { background-image:url(../images/icons/mimetypes/quicktime.png); } .swf { background-image:url(../images/icons/mimetypes/swf.png); } .fla { background-image:url(../images/icons/mimetypes/swf.png); } .wav { background-image:url(../images/icons/mimetypes/sound.png); } .mp3 { background-image:url(../images/icons/mimetypes/sound.png); } .mid { background-image:url(../images/icons/mimetypes/sound.png); } .php { background-image:url(../images/icons/mimetypes/php.png); } .php3 { background-image:url(../images/icons/mimetypes/php.png); } .php4 { background-image:url(../images/icons/mimetypes/php.png); } .php5 { background-image:url(../images/icons/mimetypes/php.png); } .pres { background-image:url(../images/icons/mimetypes/presentation.png); } .ppt { background-image:url(../images/icons/mimetypes/presentation.png); } .xls { background-image:url(../images/icons/mimetypes/xls.png); } .csv { background-image:url(../images/icons/mimetypes/xls.png); } .rar { background-image:url(../images/icons/mimetypes/package.png); } .zip { background-image:url(../images/icons/mimetypes/package.png); } .7z { background-image:url(../images/icons/mimetypes/package.png); } .ace { background-image:url(../images/icons/mimetypes/package.png); } .cab { background-image:url(../images/icons/mimetypes/package.png); } .folder { background-image:url(../images/icons/mimetypes/folder.png); } .forgot { padding-left:130px; } .forgot_p { padding-left:0px !important; } .tright { text-align: right !important; padding-right:20px !important; } #move_select { width:500px !important; } .middlep { font-size:0.8em; margin-top:10px; color:#475D77; }