/* 
    Document   : poi
    Created on : 12.Mar.2012, 07:18:15
    Author     : Pixel
    Description:
        Purpose of the stylesheet follows.
*/

#top-nav {position: absolute;top: 35px; right: 0;}
#top-nav li {float: left;  margin-left: 10px;}
#top-nav li a { padding: 0 10px 0 20px; line-height: 16px; }
#top-nav li a.login { background: url('../../images/prosis/top-nav/login.png') no-repeat top left; }
#top-nav li a.language { background: url('../../images/prosis/top-nav/world.png') no-repeat top left;  }

#main-nav {
    margin-top: 25px !important;
}

#banner { position: relative; }
#banner h1 { position: absolute; bottom: 10px; left: 0; margin: 0; padding: 0 20px; background: #FFF; }
#banner img { width: 860px; }

#banner.small img { width: 860px; height: 75px; }




label {}
input { font-size: 11px; border: 1px solid #CCC; padding:3px;  }
input[type=text] { width: 150px; }
textarea, select { font-size: 12px; border: 1px solid #DFDFDF; }
button { font-size: 11px;  }
textarea,input,select {border-width: 1px;border-style: solid;-moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
input:focus,select:focus,textarea:focus { background-color: #ffd }
select { padding:2px }
input.disabled { background-color: #F0F0F0; }
input.button, input.submit { background: #000; color: #FFF; cursor: pointer; border:0; margin:0; padding:5px 10px; font-weight: bold;}

table.form { margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
table.form thead { background: #E0E4CC; }
table.form thead tr {  }
table.form thead th { padding: 7px; }
table.form thead th:first-child { border-left: 0; }
table.form thead td {  }

table.form tbody { border-top: 1px solid #f5f5f5; }
table.form tbody tr { border-bottom: 1px solid #f5f5f5; }
table.form tbody tr:hover { background: #f5f5f5; }
table.form tbody th { text-align: right; padding: 7px 5px; vertical-align: top; }
table.form.thleft tbody th { text-align: left; }
table.form tbody th label { font-weight: bold;}
table.form tbody td { padding: 3px;  }
table.form tbody td.highlight { background: #EFFFCD; }
table.form tbody tr:hover td.highlight { background: #DCE9BE; }
table.form tbody td:first-child {  }

table.form tbody tr.ctr td { text-align: center; }

table.form tfoot {  }
table.form tfoot tr {  }
table.form tfoot th { text-align: right; padding: 10px 3px; }
table.form tfoot td { padding: 10px 3px; }
table.form tfoot span { font-size: 10px; float: left; color: #AAA; }

.required {  }
.error { border: 1px solid #BD1550; }
.valid { border: 1px solid #CCC !important; }

.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mv-10 {margin-bottom: 10px !important; margin-top: 10px !important;}
.mv-20 {margin-bottom: 20px !important; margin-top: 20px !important;}
.mv-30 {margin-bottom: 30px !important; margin-top: 30px !important;}


.w50 { width:50px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w100 { width:100px !important; }
.w150 { width:150px !important; }
.w200 { width:200px !important; }
.w250 { width:250px !important; }
.w300 { width:300px !important; }

.tac { text-align:center !important; }
.hide { display:none !important; }
.show { display:block !important; }
.fr { float: right !important; }

.red { color: #FF0000 !important; }

/* Emphasis Styles*/
em.italic {font-style: italic;font-weight: bold;}
em.bold {font-size: 120%;font-weight: bold;line-height: 145%;font-style: normal;}
em.bold2 {font-size: 135%;font-weight: bold;line-height: 120%;font-style: normal;}
em.normal {font-style: normal;}
em.nobold {font-weight: normal;}
em.highlight {font-style: normal;padding: 2px 5px;border-radius: 4px;text-shadow: none;}
em.highlight.white {background: #fff;color: #000;}
em.highlight.black {background: #000;color: #fff;}
em.highlight.green {background: #74924A;color: #fff;}
em.highlight.yellow {background: #D69839;color: #fff;}
em.highlight.blue {background: #488AAD;color: #fff;}
em.highlight.red {background: #BD5151;color: #fff;}
.rt-upper {text-transform: uppercase;}
.rt-center {text-align: center;}
.rt-justify {text-align: justify;}
em a {color: #FFF !important; font-weight: normal !important;}




#notice {position: fixed; top: 0; left: 0; right: 0;color:#fff; z-index: 9999;}
#notice.success {background-color:#7fae00}
#notice.fail {background-color:#c00000}
#notice.alert {background-color:#f68b01}
#notice.info {background-color:#00a6fc}
#notice a {color:#fff}
#notice span { position: absolute; top: 10px; right: 10px; cursor: pointer; font-weight: bold; }
#notice .notice-inner { width: 860px; margin: 10px auto; }