/*@import url("includes/jquery.jgrowl.css");*/

#nocss { display: none; }

a {
 font-family:Arial, Helvetica, sans-serif;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
 text-shadow:gray 1px 1px 2px;
}

small {
 font-size:10px;
 font-weight:lighter;
}

img {
 border:none;
}
input[type="submit"]{
 font-size:14px;
}
input[type="text"], input[type="password"], textarea {
 border:inset silver 1px;
}

body {
 font-family:Tahoma, Arial, sans-serif;
 font-size:14px;
 color:black;
 background-color:#FFFFDD;
 background-image:url("images/background.jpg");
 background-attachment:fixed;
/* background-repeat:vertical; */
 margin:0px auto;
 text-align:left;
}

#main {
 position:relative;
 background-color:white;
 width:880px;
 margin-left: auto;
 margin-right: auto;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-box-shadow: gray 4px 4px 5px;
 -webkit-box-shadow: gray 3px 3px 5px;
}
#title {
 background:url("images/top_bg.jpg") repeat-x top;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}
#title img {
 margin:10px;
}
div.search {
 float:right;
 width:340px;
 margin:20px 10px;
 text-align:start;
}
div.search input {
 font-size:16px;
 margin:0px; 
}

#main_top, #main_top div {
 width:100%;
 height:15px;
 font-size:1px;
}
#main_bottom, #main_bottom div.leftc, #main_bottom div.rightc {
 width:100%;
 height:40px;
}
#main_top {
 position:absolute;
 top:0px;
 left:0px;
}
#main_bottom {
 background: url('images/bottom_bg.jpg') repeat-y bottom right;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}

#top_menu {
 background-color:#EEEEEE;
 background-image:url("images/menu_bg.jpg");
 background-repeat:repeat-x;
 background-position:top;
 margin:0px;
 padding:0px;
 width:auto;
 height:20px;
 font-size:13px;
 text-shadow:gray 1px 1px 2px;
 color:white;
}
#top_menu ul {
 list-style-type:none;
 margin:0px 5px;
 padding:0px;
 padding-top:2px;
}
#top_menu ul li {
 display:inline;
 margin:1px 0px;
 height:20px;
 padding:0px 10px 3px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px;
 -webkit-border-top-left-radius: 3px;
 -webkit-border-top-right-radius: 3px;
}
#top_menu a {
 color:white;
}
#top_menu a:hover {
 text-decoration:none;
}
#top_menu ul li.hover {
 color:black;
 background-image:url("images/menu_bg_hover.jpg");
 background-repeat:repeat-x;
 background-position:top;
}
#top_menu ul li.active {
 color:black;
 background:white;
}
#top_menu ul li.hover a {
 color:black;
}

#contents {
 width:880px;
 margin-left: auto;
 margin-right: auto;

 overflow: visible;
}
#main_contents {
 vertical-align:top;
 width:660px;
 padding:20px;
 background:url("images/main_contents_bg.jpg") repeat-y left;
 min-height:400px;
}
#main_contents h2 {
 font-size:16px;
 font-weight:bold;
 border-bottom: 1px solid black;
 width: 90%;
 margin-left:0px;
 margin-right:auto;
 text-shadow: silver 1px 1px 3px;
}
#side_menu {
 vertical-align:top;
 width:160px;
 padding:10px;
 float:right;
 text-shadow:gray 1px 1px 2px;
 background-color:#DDD;
 background:url('images/sidemenu_bg.jpg') repeat-x bottom;
}

#side_menu h4 {
 margin:5px auto;
}
#side_menu ul {
 list-style-position:inside;
 list-style-type:none;
 margin:0px;
 padding:0px;
}
#side_menu ul li {
 margin-top:5px;
 border-left:1px solid #1171d7;
 border-bottom:1px solid #1171d7;
 padding:5px;
}
#side_menu ul li.hover {
 background-color:white;
}
#side_menu ul li a:hover {
 text-decoration:none;
}

.farsi {
 direction:rtl;
 text-align:right;
}

.textbody {
 margin-left: auto;
 margin-right: auto;
 border-top:1px dotted silver;
}

#search_box {
 border:solid gray 1px;
 padding:3px;
 background-color:#EEEEEE;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: gray 2px 2px 3px;
}

#search_box thead {
 font-size:16px;
 font-weight:bold;
 text-shadow: silver 2px 2px 5px;
}

table td {
 vertical-align:top;
}
table.default {
 border:solid #999999 1px;
 margin:3px;
 background-color:#EEEEEE;
 width:90%;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
table.default thead td, table.default tr.thead td{
 font-weight:bold;
}
table.default tr td.value {
 width:70%;
}

table.sheet tr td, table.user tr td, table.message tr td {
 vertical-align:top;
 width:30%;
}
table.messages thead tr th {
 font-weight:normal;
 border-bottom:solid silver 1px; 
}
table.messages tfoot tr td {
 font-weight:normal;
 border-bottom:none; 
}
table.messages tr td {
 border-bottom:dashed silver 1px;
 vertical-align:top;
}
table.message tr td.value input[type="text"] {
 width:250px;
}
textarea.large {
 width:250px;
 height:150px;
}
table.user input[type="text"], table.user textarea, table.message textarea {
 width:90%;
}
table.default tr td.separator {
 border:none;
}
table.user tr.header td, table.message tr.header td {
 border:none;
 font-weight:bolder;
}

#footnote {
 font-size:10px;
 height:30px;
 margin:0px 10px;
 padding-top:10px;
}

.successMessage {
 font-weight:bold;
 color:green;
}
.errorMessage {
 color:red;
}
p.errorMessage {
 font-weight:bold;
}