/* Global Styles */
body { font-family:sans-serif; font-size:small; color:#636466; }
h1 { text-align:center; }
a { color:#636466; }

/* Title Section */
#container { float:left; position:absolute; top:10px; left:50%; margin-left:-375px; width:770px; z-index:2; }
#main { float:left; position:relative; min-height:595px; width:100%; height:auto !important; height:598px; border:1px solid #F1F1F2; }
#body { margin-top:205px; margin-left:165px; width:605px; padding-bottom:20px; }
#copy { float:left; position:relative; left:50%; margin-left:-374px; width:750px; padding-top:15px;  padding-bottom:15px; }
#title { float:left; position:absolute; top:10px; left:50%; margin-left:-223px; width:413px; height:152px; background-image:url("../images/sarfac.title.png"); background-repeat:no-repeat; z-index:1; }
#logo { float:left; position:absolute; top:25px; left:50%; margin-left:-360px; width:121px; height:109px; background-image:url("../images/sarfac.logo.png"); background-repeat:no-repeat; z-index:1; }
#search { float:left; position:absolute; top:10px; left:50%; margin-left:210px; width:200px; height:152px; background-image:url("../images/sarfac.search.png"); background-repeat:no-repeat; z-index:1; }
#search { float:left; position:absolute; top:10px; left:50%; margin-left:210px; width:200px; height:152px; z-index:3; }
#sidebar { float:left; position:absolute; top:10px; left:50%; margin-left:-375px; width:152px; z-index:0; }
#menuTop { float:left; position:absolute; top:162px; left:50%; margin-left:-374px; width:770px; height:40px; background-color:#EFF0F7; z-index:3; }
#menuLeft { float:left; position:absolute; top:202px; left:50%; margin-left:-374px; width:151px; background-image:url("../images/admin.menu.png"); line-height:1.8em; padding-top:10px; padding-bottom:10px; z-index:3; }

/* Tables */
th { font-size:1.2em; font-weight:bold; text-align:center; }
.form thead { background-color:#d9e2ef; }
.form tbody { background-color:#F9F9F9; }
.form { border:1px solid #DDDDDD; width:500px; }
.fm { float:left; position:relative; width:500px; margin:10px;}
.login thead { background-color:#d9e2ef; }
.login tbody { background-color:#F9F9F9; }
.login { border:1px solid #DDDDDD; }
.list thead { background-color:#d9e2ef; color:#636466; }
.list thead a { text-decoration:none; color:#636466; }
.list thead a:hover { text-decoration:underline; }
.list tbody tr, .dlist { background-color:#F9F9F9;  }
.list tbody tr:hover, .dlist:hover { background-color:#FDFDFD; cursor:pointer; }
.list { border:1px solid #DDDDDD; width:98%; }
.selected { background-color:#993366; }
.colTitles { font-size:1em; font-weight:normal; text-align:center; }

/* Menus */
#outer { height:40px; font-family:serif; }
.topMenu { padding-left:7px; padding-right:8px; text-align:center; background-image:url("../images/dots.png"); background-position:top right; background-repeat:no-repeat; }
.tlLeft { width:1px; background-image:url("../images/dots.png"); background-position:top right; background-repeat:no-repeat; } 
.topMenu a { text-decoration:none; color:#0d024c; }
.topMenu a:hover { color:#ed1c24; }
#menuLeft a { padding-left:4px; padding-right:4px; text-decoration:none; font-weight:bold; color:#F1F1F2; }
#menuLeft a:hover { color:yellow; }


/* Text */
.x-small { font-size:x-small; text-align:center; }
.copy { font-size:x-small; text-align:center; color:#CCCCCC; }
.copy a { color:#CCCCCC; text-decoration:none; }
.copy a:hover { color:#FF0000; text-decoration:underline; }
.ok { text-align:center; color:#338800; }
.fail { text-align:center; color:#CC0000; }
.red { color:#CC0000; }
.green { color:green; }
.locked { color:#777777; }
.arrow { margin-left:5px; margin-right:5px; }

/* Buttons */
input[type="submit"],input[type="reset"],input[type="button"] { margin-left:0.5em; margin-right:0.5em; }
input[type="select"],input[type="text"],input[type="password"] {  }

/* Other / Common */
.center { text-align:center; }
a img { border:none; }
a.x { color:red; text-decoration:none; }
a.y { color:green; text-decoration:none; font-weight:bold; }
textarea { width:90%; text-align:left; font-family:sans-serif; font-size:small; }
a:hover {color:blue;}
a {text-decoration:underline; color:#08004A; }
.bold { font-weight:bold; }
.heading { font-weight:bold; font-size:large; }
.hidden { visibility:hidden; font-size:0px; }

/* Gallery */
.imgShow { float:left; position:relative; margin:10px; width:120px; font-size:small; text-align:center;}
.imgShow img { border:none; }
.imgShow a { text-decoration:none; }
.imgShow a:hover { color:red; }