@charset "utf-8";

body,td,th { font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif; }
body { background-color: #e9e9e9; margin: 5px; }
a { color: #153A68; outline: none; }
a:hover { color: #0467D5; }
h3 { color: #00a9e0; font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #cccccc; }
h3 a{ text-decoration: none; color: #00a9e0; }
h2{ font: 16px "Trebuchet MS"; color: #0467D5; margin: 0px 0px 10px; border-bottom: 1px solid #CCCCCC; }
h4{ color: #00a9e0; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0px; }
.pagetop { margin: 0px auto; height: 6px; width: 960px; background-image: url(http://www.rogio.biz/images/bg_top.png); background-repeat: no-repeat; background-position: center bottom; }
.pagebottom { margin: 0px auto; height: 7px; width: 960px; background-image: url(http://www.rogio.biz/images/bg_bottom.png); background-repeat: no-repeat; background-position: center top; }
.links { font: 10px Arial, Helvetica, sans-serif; margin: 0px auto; padding: 0px; width: 960px; text-align: center; }
.links a{ color: #666666; text-decoration: none; }
.page { width: 930px; margin: 0px auto; padding: 5px 15px 0px; background-image: url(http://www.rogio.biz/images/bg_page.png); background-repeat: repeat-y; background-position: center top; }
.page .content { margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.page .right { margin: 10px 0px 10px 10px; }
.page .header { height: 70px; }
.page .header .logo { background-image: url(http://www.rogio.biz/images/logo.png); background-repeat: no-repeat; background-position: left top; height: 52px; width: 184px; float: left; text-indent: -5000px; }
.page .header .header_account { float: right; }
.page .header .header_account, .page .header .header_account td, .page .header .header_account input { color: #666666; font: 11px "Trebuchet MS"; vertical-align: middle; }
.index_login, .index_login td, .index_login input { color: #666666; font: 11px "Trebuchet MS"; vertical-align: middle; }
.mmenu { height: 25px; font: 12px/1.5em "Trebuchet MS"; background-image: url(http://www.rogio.biz/images/mm_border_bottom.png); background-repeat: repeat-x; background-position: center bottom; padding-left: 10px; }
.mmenu a { display: block; float: left; height: 25px; margin-right: 6px; padding-left: 10px; text-decoration: none; color: #153A68; }
.mmenu a:hover { color: #0467D5; }
.mmenu a b{ display: block; padding-right: 10px; height: 20px; padding-top: 5px; float: left; cursor:pointer; }
.mmenu a.active { background-image: url(http://www.rogio.biz/images/mm_active_left.png); background-repeat: no-repeat; background-position: left top; color: #112E51; }
.mmenu a.active b{ background-image: url(http://www.rogio.biz/images/mm_active_right.png); background-repeat: no-repeat; background-position: right top; }
.smenu { font: 12px "Trebuchet MS"; color: #666666; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #4f81c1; text-align: center; }
.smenu a{ color: #666666; text-decoration: none; }
.smenu a:hover{ color: #0467D5; }
.smenu a.active{ color: #153A68; border-bottom: 2px solid #ff9c00; }
.copy{ color: #666666; font: 11px "Trebuchet MS"; padding-top: 2px; padding-bottom: 2px; text-align: center; }
.iLinks { width: 930px; margin: 10px auto; padding: 5px 0px; height: 50px; }
.iLinks a { display: block; margin-right: 9px; float: left; margin-bottom: 5px; background-repeat: no-repeat; background-position: left top; }
.iLinks a:hover { background-repeat: no-repeat; background-position: left bottom; }
.iLinks a.iL_php{ background-image: url(http://www.rogio.biz/images/iL_php.png); height: 50px; width: 95px; }
.iLinks a.iL_MySQL{ background-image: url(http://www.rogio.biz/images/iL_MySQL.png); height: 50px; width: 95px; }
.iLinks a.iL_apache{ background-image: url(http://www.rogio.biz/images/iL_apache.png); height: 50px; width: 120px; }
.iLinks a.iL_windows{ background-image: url(http://www.rogio.biz/images/iL_windows.png); height: 50px; width: 121px; }
.iLinks a.iL_linux{ background-image: url(http://www.rogio.biz/images/iL_linux.png); height: 50px; width: 37px; }
.iLinks a.iL_ajax{ background-image: url(http://www.rogio.biz/images/iL_ajax.png); height: 50px; width: 139px; }
.iLinks a.iL_web20{ background-image: url(http://www.rogio.biz/images/iL_web20.png); height: 50px; width: 139px; }
.iLinks a.iL_seo{ background-image: url(http://www.rogio.biz/images/iL_seo.png); height: 50px; width: 115px; }
.info { background: #cfebf7 url(http://www.rogio.biz/images/info.png) no-repeat 10px center; border: 1px solid #2580b2; margin: 5px 0px 10px; padding: 15px 15px 15px 50px; }
.error_message { background: #ffeff7 url(http://www.rogio.biz/images/error_info.png) no-repeat 10px center; border: 1px solid #cc6699; margin: 0px 0px 10px; padding: 15px 15px 15px 50px; }
.red { color: #FF0000; }
.gray{ color: #999999; }
.green{ color: #006600; }
.blue{ color: #0066CC; }
.white_bold {color: #FFFFFF; font-weight: bold; }
table.login_form td{ font: 12px "Trebuchet MS"; background-color: #EFEFEF; }
.bh_fs{ float: right; height: 250px; width: 300px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; position: relative; visibility: visible; }
.index_acfs{ line-height: 2em; text-decoration: none; display: block; border-bottom: 1px solid #CCCCCC; }
/*** PROJECT MANAGER ************************************/ .messages_list_1{ background: url(http://www.rogio.biz/images/message_list_1.png) no-repeat center top; margin: 0px; padding: 5px 10px 0px; height: 18px; width: 690px; cursor:pointer; overflow: hidden; visibility: visible; }
.messages_list_2{ background: url(http://www.rogio.biz/images/message_list_2.png) no-repeat center top; margin: 0px; padding: 2px 10px 0px; height: 18px; width: 690px; cursor:pointer; overflow: hidden; visibility: visible; }
.messages_list_3{ font-size: 1px; background: url(http://www.rogio.biz/images/message_list_3.png) no-repeat center top; margin: 0px; padding: 0px; height: 9px; width: 710px; }
.message_body{ font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url(http://www.rogio.biz/images/message_body.png) repeat-y center top; margin: 0px; padding: 0px 10px; width: 690px; }
.message_ts{ color: #0066CC; font-size: 10px; }
.replay_form { background: url(http://www.rogio.biz/images/replay_bg.png) repeat-y center top; margin: 10px 0px 0px; width: 710px; display: block; padding: 0px; }
.replay_form .replay_header { background: url(http://www.rogio.biz/images/replay_header.png) no-repeat center top; height: 23px; }
.replay_form .replay_footer { background: url(http://www.rogio.biz/images/replay_footer.png) no-repeat center bottom; height: 10px; }
.attachment_ico{ background: url(http://www.rogio.biz/images/attachment.png) no-repeat left top; float: right; height: 15px; width: 15px; }
table.t_list { background: #FFFFFF; width: 100%; }
table.t_list th { background: #bfe6f0; font-weight: bold; }
table.t_list tr { background: #F4F4F4; }
table.t_list tr:hover { background: #CFF4FC; }
/***END PROJECT MANAGER ************************************/ .gaf { width: 300px; height: 250px; }
.gaf_item{ margin-bottom: 5px; }
.gaf .gaf_url{ color: #666666; font-size: 80%; }
.gaf .gaf_title{ font-weight: bold; color: #0000FF; }