@charset "utf-8";
/** CSS Document 
 * Project: "OPL" (http://www.opticalprescriptionlab.com)
 * Screen CSS style
 *
 * @version			1.0
 * @create_date		14.01.2009
 * @changed_date	14.01.2009
 */

/* Global style */
html, body { margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif;} 
body {}
a:link, a:visited, a:hover { color:#3F8480; text-decoration:underline; outline:none; }
a img { border:none; }

h1, h2, h3, h4, h5, h6 { margin:0; }
h2 { font-size:11px; font-weight:bold; margin-bottom:6px; }
h1 { color:#a7892f; font:24px Verdana, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:22px; }
h1 small { font-size:10px; color:#238680; font-weight:bold; }
p { margin:0 0 18px 0; line-height:18px; }


/* Main style */
div#box { width:980px; text-align:left; background:#fff; }

div#header { height:184px; background:#a1c3c1 url(../images/header_bg.jpg); border-bottom:1px solid #bcf8f4; }
img.logo { margin:38px 0 0 80px; float:left; }
div#menu { /*height:33px; background:#c2e3e1 url(../images/menu_bg.gif) left top repeat-x; font-size:12px; color:#000; border:1px solid #87a8a6; border-bottom:1px solid #687287;*/ }
div#menu ul { height:33px; margin:0; padding:0; list-style:none; }
div#menu ul li { margin:0; padding:0; width:auto; height:33px; line-height:20px; float:left; position:relative; text-align:center; /*border-right:1px solid #87a8a6;*/ }
div#menu ul li a:link, div#menu ul li a:visited { color:#fff; text-decoration:none; display:block; height:42px;width:auto; }
div#menu ul li a:hover { color:#31a69f; }
div#menu ul li a.sub { cursor:default; }
div#menu ul li ul { display:none; height:auto; width:168px; position:absolute; background:#BCD5D9; border-left:1px solid #87a8a6; border-right:1px solid #87a8a6; padding:0; top:32px; left:0; margin:0 0 0 -1px; }
div#menu ul li:hover ul { display:block; }
div#menu ul li ul li { height:20px; width:100%; line-height:20px; padding:0; margin:0; height:20px; line-height:20px; border-bottom:1px solid #87a8a6; text-align:left; color:#1f3231; font-size:10px; text-transform:uppercase; }
div#menu ul li ul li a:link, div#menu ul li ul li a:visited { color:#1f3231; display:block; padding:0 0 0 18px; height:20px; font-size:10px; background:url(../images/menu_arrows.gif) 6px -38px no-repeat; }
div#menu ul li ul li a:hover { color:#fff; background:#E49703 url(../images/menu_arrows.gif) 6px 8px no-repeat; }

div#main { }
div#sidebar { float:left; width:300px; float:left; text-align:center; padding:26px 10px; background:url(../images/sidebar_bg.gif) left top no-repeat; min-height:400px; }
div#sidebar img { border:1px solid #84857f; }
div#sidebar.logos img { margin-bottom:20px; border:none; }
div#sidebar.home_page { background:none; }
div#sidebar.home_page img { border:none; margin-bottom:10px; }
div.imagesRotator { background:#fff; width:298px; height:298px; /*border:1px solid #bbb;*/ text-align:center; margin:20px 0; overflow:hidden; }
div.imagesRotator img { width:300px; height:300px; }
img#rotateDown { }
img#rotateUp { margin-top:-310px;}
div#content { float:left; width:580px; float:left; padding:20px 40px; }

ul.item-list { margin:0; padding:0; list-style:none; }
ul.item-list li { background:url(../images/item_bg.gif) left top no-repeat; padding:10px; clear:both; margin:0 0 20px 0; }
ul.item-list li p { line-height:14px; margin:4px 0 10px	0; }
ul.item-list li a:link, ul.item-list li a:visited, ul.item-list li a:hover { background:url(../images/items_bullet.gif) left center no-repeat; padding:2px 20px; }
p.left-column { width:300px; float:left; margin-right:30px; }
p.right-column { width:300px; float:left; }

table.login-form { width:270px; }
table.login-form th { text-align:left; padding:6px; }
table.login-form td { text-align:left; padding:6px; }
div#footer { height:40px; background:#a1c3c1 url(../images/footer_bg.gif) top left repeat-x; border:1px solid #87a8a6; border-bottom:none; clear:both; color:#687287; padding:5px 39px 0 39px; }
div#footer p.copyright { float:left; width:450px; line-height:18px; margin-bottom:0; text-indent:-11px; }
div#footer p.links { float:right; width:450px; text-align:right; }
div#footer a:link, div#footer a:visited { color:#687287; text-decoration:none; }
div#footer a:hover { text-decoration:underline; }

div.clear { clear:both; height:1px; font-size:1px; line-height:1px; }

input.text-field { border:1px solid #959a9a; font:bold 12px Verdana, Arial, Helvetica, sans-serif; height:16px; padding:2px; }
button { height:25px; width:77px; border:none; background: url(../images/button_bg.png) top left no-repeat; outline:none; cursor:pointer;  padding:0 0 3px 0; font-size:10px; font:bold 11px Arial, Helvetica, sans-serif;color:#7D8182;  }
table.register-form-capsule { border:none; width:100%; }
table.register-form-capsule th { padding:3px; vertical-align:middle;text-align:left;}
table.register-form-capsule th.disabled { color:#b3b7b7; }
table.register-form-capsule td { padding:3px; vertical-align:middle; }
table.register-form-capsule small { font-weight:normal; }
table.register-form-capsule b.need { float:left; margin-left:-10px; display:block; }
table.register-form-capsule input.alarm { background:#ffdada; border-color:#840606; }

div.login-form-mini-block { width:300px; padding:0 10px; float:right; }
table.login-form-mini {float:left; }
table.login-form-mini td { text-align:left; padding:0; }
table.login-form-mini input.text-field { height:13px;border:none;font-size:10px; color:#7D8182;background-color:#C9E5E8;margin-left:4px;margin-bottom:9px;#height:10px;width:126px; }
table.login-form-mini input.active { color:#7D8182; }
table.login-form-mini button { width:86px; background:url(../images/button_bg.png) left top no-repeat; margin-top:-11px;margin-left:2px;#margin-top:0px;#margin-bottom:9px;color:#7D8182;height:25px;padding-right:8px;#padding-top:1px; }

ul.photos-list { margin:0 0 0 -40px; padding:0; list-style:none; }
ul.photos-list li { margin:0 0 0 52px; padding:0; float:left; width:250px; }
ul.photos-list li.clear { line-height:1px; font-size:1px; height:40px; clear:both; float:none; width:100%; } 
ul.photos-list li div.img-block { min-height:202px; border:1px solid #ebebeb; margin:0 0 5px 0; width:268px; text-align:center; }
ul.photos-list li div.img-block img { vertical-align:middle;width:250px; }
* html ul.photos-list li div.img-block { height:202px; }

ul.doc-list { margin:0; padding:20px 0 0 0; list-style:none; clear:both; }
ul.doc-list li { float:left; width:150px; padding:8px 0 16px 42px; }
ul.doc-list li.separator { clear:both; height:20px; float:none; width:100%; padding:0; }

ul.doc-list li.folder { background:url(../images/icons/folder_32.gif) left top no-repeat; font-weight:bold; }
ul.doc-list li.xls { background:url(../images/icons/xls_32.gif) left top no-repeat; }
ul.doc-list li.doc { background:url(../images/icons/doc_32.gif) left top no-repeat; }
ul.doc-list li.pdf { background:url(../images/icons/pdf_32.gif) left top no-repeat; }

div.doc-path { line-height:18px; float:left; margin-top:-22px; color:#a7892f; }
div.doc-path a, div.doc-path span.this-folder { background:url(../images/icons/folder_16.gif) left 0px no-repeat; padding:0 0 3px 20px; color:#a7892f; }

p.errors { color:#db2121; }

ul.site-map { list-style:none; margin:0; padding:0; color:#3f8480; }
ul.site-map li { float:left; width:150px; font-weight:bold; }
ul.site-map li ul { list-style:none; margin:5px 0 0 0; padding:10px 10px 0 0; font-weight:normal; background:url(../images/sitemap_dashed.gif) 4px top repeat-y; }
ul.site-map li ul li { float:none; width:auto; font-weight:normal; padding:3px 0 10px 52px; background:url(../images/sitemap_dashed_page.gif) 5px 2px no-repeat; }
ul.site-map li ul li.pdf { background:url(../images/sitemap_dashed_pdf.gif) 5px 2px no-repeat; }
ul.site-map div.blank { background:#fff; float:left; width:20px; height:20px; margin:-15px 0 0 0; font-size:1px; }

/* Style for IE6 */
* html div#sidebar { height:400px; }