*{margin: 0px; padding: 0px; font-size: 12px; color: #c4c4c4;}

a {outline: none;}

.clear{clear: both;}

body{background: url(../img/body_bg.jpg); font-family: tahoma, arial, verdana, sans-serif;}
#main_box{width: 938px; background-color: black;  border: solid 1px #757575; margin: 0 auto;}
#main_box_wrapper{margin: 0 auto; width: 960px; background: url(../img/main_box_shadow.gif) repeat-y left;}
#top_box{height: 211px; background: url(../img/logo_top_bg.jpg) no-repeat left top;}
#footer_box{clear: both;}

h1.section_title {font-size: 20px; margin-bottom: 20px;}

#left_menu_box{float: left; width: 169px; height: 1000px; border-left: 0px;}
#left_menu_box ul{list-style: none;}
#left_menu_box a{display: block; padding: 5px 0 5px 15px;}

#left_side_wrapper{width: 773px;padding: 15px 0px 15px 0px;}
#content_box{float: right; width: 593px; }

#language_box{float: right; margin-top: 166px; margin-right: 98px; width: 140px;}
#language_box img{border: 0px; margin-left: 10px;}

#menu_box{float: left; margin-top: 180px; margin-left: 15px;}
#menu_box ul{list-style: none;}
#menu_box ul li{display: block;  float: left; margin-right: 1px;}
#menu_box ul a{display: block;  text-decoration: none; background: url(../img/tab_right.png) no-repeat right bottom;
font-size: 13px; font-weight: bold; padding: 9px 10px 6px 0px; float: left; color: white;}
#menu_box ul span{display: block; width: 11px; height: 31px; background: url(../img/tab_left.png) no-repeat right bottom; float: left;}
#menu_box ul a:hover{color: yellow;}

.left_menu_box{clear: left;  margin-bottom: 15px; width:165px; float: left; background: url(../img/left_menu.gif) no-repeat right bottom; padding-bottom: 15px;}
.left_menu_box ul, .left_menu_box p{color: gray;  background: url(../img/left_menu_corner.gif) no-repeat right top; padding-top: 15px;
list-style: none;}
.left_menu_box ul a{display: block; text-decoration: none; padding: 7px 0px 7px 15px; border-bottom: solid 1px #5C5C5C;}
.left_menu_box ul a.selected{font-weight: bold; background-color: #31FF00; color: black; border-right: solid #5C5C5C 1px;}
.left_menu_box ul a:hover{background-color: #323232; border-right: solid #5C5C5C 1px; }
.left_menu_box ul a.selected:hover{background-color: #31FF00;}
.left_menu_box p{line-height: 18px; padding-left: 15px; padding-right: 15px; font-size: 11px;}
#motto_left_menu_box {margin-bottom: 7px;}

#puppies_link{display: block; margin-bottom: 7px; width: 160px;}
#puppies_link img{border: 0px;}

.right_menu_box{color: gray; float: right; margin-top: 15px; background: url(../img/right_menu.gif) no-repeat left bottom; width: 150px;}
.right_menu_box p{ background: url(../img/right_menu_corner.gif) no-repeat left top; padding: 7px 0px 7px 9px;}
.right_menu_box p span.note{font-size: 10px; color: gray; display: block; margin-bottom: 5px;}
.right_menu_box p img{border: solid 1px black;}

.paging_box{width: 100%;}
.paging_box ul{list-style: none;}
.paging_box li{display: block; float: left; border: solid 1px gray; margin-right: 1px;}
.paging_box a{display: block; float: left; border: solid 1px black; width: 30px; text-align: center;padding: 4px 0;
text-decoration: none;  background-color: #252525; color: white;}
.paging_box li.selected a{background-color: #0087dc;}

.tb .top{background: url(../img/tb_border_dot.gif) repeat-x bottom;}
.tb .top h1{background: url(../img/tb_tab.gif) no-repeat left top; float: left; padding-left: 15px; margin-bottom: 0;}
.tb .top ul {list-style: none;}
.tb .top ul a{display: block; float: right; color: #525152; font-size: 11px; margin-top: 7px; margin-left: 10px;}
.tb .top ul a:hover{color: #31FF00;}
.tb .top b{background: url(../img/tb_tab.gif) no-repeat right top; font-size: 14px; display: block; padding: 6px 35px 5px 20px; color: #31FF00;}
.tb .content{clear: both; background-color: #212021; border-left: solid 1px #525152; border-right: solid 1px #525152; position: relative;}
.tb .inner_content{padding: 15px; background: url(../img/tb_co ntent_gradient.gif) repeat-x top; }
.tb span.tb_top_corner_fix{display: block; width: 14px; height: 14px; background: url(../img/tb_top_corner_fix.gif) no-repeat top right;
z-index: 10; right: -1px; top: -1px; position: absolute;}
.tb .bottom{padding-left: 15px; background: url(../img/tb_bottom.gif) repeat-x bottom left; border-top: solid 1px #525152;}
.tb .inner_bottom{background: url(../img/tb_bottom.gif) repeat-x bottom right; height: 22px; padding-top: 7px; font-size: 11px; color: gray;}

.generic_form{margin: 0px auto;}
.generic_form table{width: 100%; margin: 0px auto;}
.generic_form *{color: black;}
.generic_form .caption{font-size: 11px; color: gray;}
.generic_form .form_title{font-size: 16px; color: gray; padding-bottom: 10px;}
.generic_form input, .generic_form textarea{padding: 4px; background-color: black; border: solid 1px #757575; color: #c4c4c4;}
.generic_form select{background-color: black; border: solid 1px #757575; color: #c4c4c4;}
.generic_form option{color: #c4c4c4;}
.generic_form textarea{height: 400px}
.generic_form td{padding: 3px 10px;}
.generic_form td.merged_cells{padding: 3px 0px;}
.generic_form td.merged_cells textarea{width: 100%;}
.generic_form td *{color: white;}
.generic_form .submit_cell{text-align: center;}
.generic_form .submit_cell input{width: auto; padding: 0px; border: solid 1px #757575;}
.generic_form .tinymce{background-color: #e6e6e6;}
.generic_form .input_button{width: auto; border: solid 1px #757575; color: white; padding: 0px 4px;}
.generic_form .input_button:hover{background-color: white; color: black;}
.generic_form .mto_options_table{margin-top: 4px;}
.generic_form .mto_options_table td{padding-left: 0px;}
.generic_form span.element_note{color: gray; font-size: 10px;}

.generic_form_errors {padding: 10px 0px; border: solid 1px red;  text-align: center;}
.generic_form_errors dt{font-size: 14px; font-weight: bold; line-height: 18px;}
.generic_form_errors dd{font-size: 11px;}
.generic_form_errors *{color: red;}

h2{font-size: 16px; color: gray; text-align: center; text-decoration: underline;}

/* user pages setting*/
.normal_table table{width: auto; margin: 15px auto;}

/* info system */
.generic_form .info_system{border: solid 1px; padding: 4px 15px; margin-bottom: 15px;}
.generic_form .info_system.status_error{border-color: red;}
.generic_form .info_system.status_warning{border-color: yellow;}
.generic_form .info_system.status_confirm{border-color:#31FF00;}
.generic_form .info_system .message_error{font-weight: bold; color: red;}
.generic_form .info_system .message_warning{font-weight: bold; color: yellow;}
.generic_form .info_system .message_confirm{font-weight: bold; color: #31FF00;}

/* logged user info */
#logged_user_info span.name{font-size: 12px; color: #31FF00; font-weight: bold; text-decoration: underline;}
#logged_user_info img{margin-top: 10px; display: block; border: solid 1px #525152; margin-left: auto; margin-right: auto;}

/* static content */
.static_content {font-size: 12px; line-height: 18px;}
.static_content img{border: solid 1px #525152;}
.static_content *{font-size: 12px; line-height: 18px;}
.static_content img.left{float: left; margin-right: 15px;}
.static_content h2 {display: inline; font-size: 13px; color: #31ff00; text-decoration: none;}

.control{position: relative; background-color: black; float: right; padding: 2px 10px; border: solid 1px #333333;}
.control img{border: 0px;}
.control .cp_caption{position: absolute; right: -1px; top: -15px; font-size: 9px !important; z-index: 20; color: gray; border: solid 1px #333333;
padding: 1px 7px; background-color: black; line-height: 11px !important;}
.control_panel{list-style: none;}
.control_panel p.lnks b{display: block; font-size: 12px !important;}
.control_panel p.lnks a{white-space: nowrap; display: block; text-decoration: none; font-size: 11px !important; }
.control_panel p.lnks a:hover{color: white;}
.control_panel p.lnks{position: absolute; right: -1px; top: 38px; z-index: 40; border: solid 1px #333333;
 background-color: black; margin-right: 0px; padding: 5px; line-height: 16px; opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
#dg a img{border: 0px;}
.control_panel a.icon{text-decoration: none;}

#puppy_stats{border: solid 1px #525152;}
#puppy_stats td{padding: 3px 7px; }
#puppy_stats tr.i td{padding-top: 5px; padding-bottom: 5px;}