/**
 * /public_html/css/global.css
 *
 * @author    Ahmed Chafik (admin@achafik.com)
 * @copyright Civit Technologies, 2008
 * @version   Define("Id: global.css,v 1.00 2007/10/04 18:57:06 Ahmed")
 *
 */


html {
    font: normal 12px arial, helevetica, sans-serif;
    background-color: #d0d0d0;
    background-repeat: repeat-x;
    background-attachment: fixed;
    color: #414141;
}

body {
    margin: 0;
}

a img, img {
    border: 0;
}

a:link,
a:visited {
    color: #205296;
    text-decoration: none;
}

a:hover,
a:active,
h3 a:link,
h3 a:visited {
    color: #205296;
    text-decoration: underline;
}

th {
    text-align: left;
    font-weight: bold;
}

table.table_list {
}

table.table_list tr th {
    border-top: 1px solid #3a4f75;
    border-bottom: 1px solid #3a4f75;
    background-image: url(../images/div.gradient.blue.jpg);
    background-color: #3d5378;
    color: #fff;
    padding: 6px;
}

table.table_list tr th:first-child {
    border-left: 1px solid #3a4f75;
}

table.table_list tr th:last-child {
    border-right: 1px solid #3a4f75;
}

table.table_list tr td {
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
}

table.table_list tr:nth-child(odd) td {
    background-color: #e9e9e9;
}

table.table_list tr.total td {
    border-bottom: 0 !important;
    border-top: 3px solid #e1e1e1 !important;
    background-color: #fff !important;
}

table.table_list tr:hover td {
    background-color: #feffab;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.features li {
    background-image: url(../images/checkmark.jpg);
    background-repeat: no-repeat;
    padding: 0 0 13px 25px;
    font-weight: bold;
}

h2 {
    font-size: 17px;
    margin-top: 0;
}

h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 8px;
}

input[type=text], input[type=password] {
    background-color: #f5f5f5;
    border: 1px solid #b9b9b9;
}

input[type=submit], input[type=button] {
}

pre {
    background-color: #fff;
    width: 50%;
    margin: 20px;
    border: 1px solid #e0e0e0;
}

.application\.alert {
    background-color: #fff;
    border-bottom: 1px solid #cecece;
    padding: 6px 0px;
    text-align: center;
    font-weight: bold;
    color: #3e4044;
}

.application\.header,
.application\.footer,
.application\.container,
.application\.div {
    width: 950px;
    margin: 0 auto;
}

.application\.header {
    width: 948px;
    margin: 0 auto;
    margin-bottom: 0;
}

div#application {
    padding: 0;
    margin: 0 auto;
    width: 966px;
    background-image: url(../images/bg.gradient.png);
    background-repeat: repeat-y;
    background-position: center center;
}

div#banner {
    height: 108px;
    background-image: url(../images/banner.gradient.jpg);
    background-color: #3263a5;
    border-bottom: 1px solid #103363;
    color: #fff;
    padding: 20px;
    font-size: 20px;
    font-family: Verdana;
    font-weight: bold;
}

div#navigation {
    height: 35px;
    border-top: 1px solid #909090;
    border-bottom: 0px solid #909090;
    background-image: url(../images/navigation.gradient.jpg);
    background-repeat: repeat-x;
    background-color: #353535;
}

ul.navigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.navigation li {
    float: left;
    padding: 9px 0 7px 0;
}

ul.navigation li a {
    padding: 9px 25px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff !important;
    border-right: 1px solid #070707;
}

ul.navigation li.nav_header {
    background-color: #fff !important;
}

ul.navigation li.nav_header a {
    color: #08a7fa !important;
    text-decoration: none !important;
    font-size: 16px;
    padding: 6px 5px !important;
    border-right: 0 !important;
}

div#subnavigation {
    height: 35px;
    border-bottom: 1px solid #909090;
    background-repeat: repeat-x;
    background-color: #434343;
}

ul.subnavigation {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.subnavigation li {
    float: left;
    padding: 9px 0 7px 0;
}

ul.subnavigation li a {
    padding: 9px 25px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff !important;
}

ul.subnavigation li.active a {
    color: #c4c4c4 !important;
}

ul.subnavigation li.nav_header {
    background-color: #fff !important;
}

ul.subnavigation li.nav_header a {
    color: #08a7fa !important;
    text-decoration: none !important;
    font-size: 16px;
    padding: 6px 5px !important;
    border-right: 0 !important;
}

.application\.container {
    background-color: #fff;
    background-image: url(../images/container.shadow.jpg);
    background-repeat: repeat-x;
    padding-top: 35px;
    padding-bottom: 17px;
    width: 948px;
}

.application\.container2 {
    margin: 0 22px;
    padding-bottom: 8px;
}

.application\.footer {
    background-color: #333;
    color: #fff;
    font-size: 12px;
    width: 936px;
    padding: 12px 6px 12px 6px;
    clear: both;
}

#application\.end {
    background-image: url(../images/bg.gradient.footer.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    -moz-border-radius: 0 0 8px 8px;
    height: 15px;
    width: 100%;
}

.application\.footer ul {
    list-style-type: none;
    padding: 0;
    padding-bottom: 2px;
}

.application\.footer ul li {
    float: left;
    padding: 0 6px 0 6px;
    line-height: 8px;
    border-right: 1px solid #fff;
}

.application\.footer ul li a {
    color: #fff;
    text-decoration: none;
}

.application\.footer ul li a:hover {
    text-decoration: underline;
}

.application\.footer ul li:last-child {
    border-right: 0;
}

.text {
    line-height: 20px;
}

.div\.blue, .div\.green, .div\.red {
    width: 200px;
}

.div\.blue\.header, .div\.green\.header, .div\.red\.header {
    height: 25px;
    background-repeat: repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0 0 17px;
}

.div\.blue\.content, .div\.green\.content, .div\.red\.content {
    padding: 13px;
    background-color: #ededed;
}

.div\.blue\.content { background-color: #dde4f1; }
.div\.green\.content { background-color: #e0f2df; }
.div\.red\.content { background-color: #f2dfdf; }

.div\.blue {
    border: 1px solid #3a4f75;
}

.div\.blue\.header {
    background-image: url(../images/div.gradient.blue.jpg);
    border-bottom: 1px solid #3a4f75;
}

.div\.green {
    border: 1px solid #3b7539;
}

.div\.green\.header {
    background-image: url(../images/div.gradient.green.jpg);
    border-bottom: 1px solid #3b7539;
}

.div\.red {
    border: 1px solid #753939;
}

.div\.red\.header {
    background-image: url(../images/div.gradient.red.jpg);
    border-bottom: 1px solid #753939;
}

td {
    padding: 5px;
}

div.error {
    color: #700;
    font-weight: bold;
    padding-bottom: 15px;
}

table.invoice_table {
    float: right;
}

table.invoice_table tr th {
    font-weight: bold;
    font-size: 11px;
    padding: 0 0 0 12px;
    color: #2283bf;
}

table.invoice_table tr td {
    font-size: 11px;
    padding: 0 0 0 12px;
}




table.invoice {
    width: 100%;
    background-color: #fff;
    border: 1px solid #787878;
    padding: 1px;
}

table.invoice tr.header td {
    background-color: #aaddff;
    color: #0055aa;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 6px;
}

table.invoice tr.heading td {
    background-color: #eee;
    color: #5e5e5e;
}

table.invoice tr td {
    background-color: #d0e8f7;
    border-top: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}

table.invoice tr:first-child td {
    border-top: 0;
}

table.invoice tr td:last-child {
    border-right: 0;
}




ul.invoice_topright {
    float: right;
}

ul.invoice_topright li {
    float: left;
    font-weight: bold;
    padding: 0 6px;
    font-size: 12px;
}

a.pdf {
    background-image: url(../images/icons/pdf.gif);
    background-repeat: no-repeat;
    padding-left: 17px;
}

.billstatus_unpaid {
    color: rgb(175, 50, 44);
}

.billstatus_pending {
}

.billstatus_paid {
}

.billstatus_cancelled {
}

table.workflow {
    width: 90%;
    margin: 0 auto;
    background-color: #c3c3c3;
    border: 1px solid #8d8d8d;
}

table.workflow tr td {
    padding: 0;
    text-align: center;
}

table.workflow tr td.active,
table.workflow tr td.current {
    background-color: #275ba3;
}

table.workflow tr td.current {
     background-image: url(../images/workflow.next.jpg);
     background-repeat: no-repeat;
     background-position: center right;
}

table.workflow tr td.inactive {
    padding: 10px 20px;
    color: #5e5e5e;
}

table.workflow tr td.last {
    padding: 10px 20px;
}

table.workflow tr td.active a,
table.workflow tr td.current a,
table.workflow tr td.active,
table.workflow tr td.current {
    padding: 10px 30px;
    font-weight: bold;
    color: #fff;
}

table.workflow tr td.current a {
     text-decoration: underline;
}

.alert {
    color: #FFA70F;
    font-weight: bold;
}

.alert2 {
    color: #ff771c;
    font-weight: bold;
}

.warn {
    color: #dc090a;
    font-weight: bold;
}

div.login {
    background-color: #fff;
    padding: 16px 32px;
    width: 300px;
    margin: 100px auto;
    border: 1px solid #0c51b1;
    -moz-border-radius: 10px;
}

div#errorMessage {
    background-color: #ffd600; 
    border-bottom: 1px solid #e2be00; 
    padding: 6px 25px;
    position: absolute;
    width: 898px;
    display: none;
}

div#errorMessage.message {
    background-color: #def1ca; 
    border-bottom: 1px solid #4d9303;
}

input[type=text] {
    padding-left: 2px;
    padding-right: 2px;
}

textarea {
    border: 1px solid #b9b9b9;
    background-color: #f5f5f5;
}

div.payment {
    margin: 20px auto; 
    width: 90%;
}

div.payment h2 {
    border-bottom: 2px solid #000;
}

div.payment table tr td {
    padding-left: 0;
}

table.invoice {
}

/* Drop down menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li ul li {
    background-color: #181818;
    border: 1px solid #313131;
    border-top: 0;
}

ul.dropdown li ul li:hover {
    background-color: #2f2f2f;
}

ul.dropdown li ul li a {
    font-size: 12px;
    border: 0;
}

ul.dropdown li ul {
    width: 150px;
    margin-top: 1px;
}