@import url(reset.css);
@import url(form.css);
@import url(cupertino/jquery-ui-1.7.1.custom.css);


html, body
{
    height: 100%;
}

body
{
    background: url(images/bg.png) repeat-x;
    font-family: Trebuchet MS;
}

div#container
{
    width: 950px;
    margin: 0 auto;
    position: relative;
    min-height: 100%;
}

div#banner
{
    background-image: url(images/header-bg.jpg);
    position: relative;
    height: 113px;
    overflow: hidden;
}

div#banner div#logo
{
    width: 202px;
    height: 113px;
    background-image: url(images/logo.png);
    position: absolute;
    left: 30px;
}

div#banner div#quick
{
    border-bottom: solid 2px #AFD3E5;
    border-right: solid 2px #AFD3E5;
    -moz-border-radius-bottomright: 3px;
    min-width: 60px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 0;
    background-color: #0D5576;
    padding-right: 6px;
}

div#banner div#left
{
    background-image: url(images/quick-block-left-img.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -18px;
    height: 26px;
    width: 18px;
}

div#banner div#quick ul
{
    margin-top: 6px;
    
}

div#banner div#quick li
{
    float: left;
    padding: 0 6px 3px 6px;
    height: 12px;
    line-height: 10px;
    border-left: solid 1px white;
}

div#banner div#quick li:first-child
{
    border-left: none;
}

div#banner div#quick a
{
    text-transform: uppercase;
    color: White;
    text-decoration: none;
    font-size: 0.75em;
    font-family: arial;
}

#loginbar
{
    text-align : right;
    position : relative;
}

#loginbar a
{
    text-decoration : none;
    color : #FFF;
    line-height: 12px;
}

#loginbar ul
{
    position : absolute;
    right : 15px;
    top : 95px;
}

#loginbar ul li
{
    color : White;
    float : left;
    padding : 0 6px 0 6px;
    height : 12px;
    line-height : 10px;
    border-left : solid 1px white;
    font-size : 12px;
    font-family : Trebuchet MS;
}

#loginbar ul li:first-child
{
    border-left : none;
    
}

#loginbar a:link
{    
    text-decoration : none;    
}

div#middle
{
    background: url(images/content-area.bg.png) no-repeat;
    overflow: auto;
    padding-bottom: 90px;
}

div#menu
{
    margin: 0 15px 0 15px;
    background: url(images/top-menu-bg.png) repeat-x;
    height: 36px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}

div#menu ul
{
    padding-left: 15px;
}

div#menu ul li
{
    float: left;
}

div#menu ul a:link, div#menu ul a:visited
{
    color: Black;
    text-decoration: none;
    line-height: 36px;
    display: block;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
    font-size: 0.9em;
}

div#menu ul a:hover
{
    background: url(images/top-menu-over-bg.png) repeat-x;
    color: White;
}

div#menu ul li a.selected
{
    background: url(images/top-menu-over-bg.png) repeat-x;
    color: White;
}

div#contentarea.standard
{
    margin: 0 10px 0 10px;
}

div#contentarea.standard h1
{
    color: #2c90b7;
    padding-left: 60px;
    background-repeat: no-repeat;
    height: 36px;
    margin: 24px 0 6px;
    font-size: 1.3em;
    line-height:36px;
    white-space:nowrap;
}

div#contentarea.standard h1.edit
{
    background-image: url(images/edit-title-icon.png);
}

div#contentarea.standard h1.contactus
{
    background-image: url(images/contactus-big.png);
}

div#contentarea.standard h1.privacy
{
    background-image: url(images/privacy-policy-icon.png);
}

div#contentarea.standard h1.sitemap
{
    background-image: url(images/sitemap-big.png);
}

div#contentarea.standard h1.terms
{
    background-image: url(images/terms-conditions-big.png);
}

div#contentarea.standard h1.documents
{
    background-image: url(images/document-list-icon.png);
}

div#contentarea.standard h1.tickets
{
    background-image: url(images/ticket-list-big.png);
}

div#contentarea.standard h1.contacts
{
    background-image: url(images/contact-list-big.png);
}

div#contentarea.standard h1.tasks
{
    background-image: url(images/milestone-list-icon.png);
}

div#contentarea.standard h1.thankyou
{
    background-image: url(images/thankyou-big.png);
}

div#contentarea.standard h1.accessdenied
{
    background-image: url(images/access-denied-big.png);
}

div#contentarea.standard h1.search
{
    background-image: url(images/search-icon.png);
}

div#contentarea.standard h1.dashboard
{
    background-image: url(images/dashboard-big.png);
}

div#contentarea.standard h1.forgotpassword
{
    background-image: url(images/forgotpassword-big.png);
}

div#footer
{
    background: url(images/footer-bg.png) repeat-x;
    min-height: 74px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

div#footer div#left
{
    width: 6px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(images/footer-corners-bg.png);
    background-position: 0 0;
}

div#footer div#right
{
    width: 6px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(images/footer-corners-bg.png);
    background-position: -6px 0;
}

div#footer div#logo
{
    position: absolute;
    right: 10px;
    top: 15px;
    background: url(images/footer-logo.png) no-repeat;
    width: 106px;
    height: 57px;
}

div#footer ul
{
    margin: 16px 0 8px 20px;
    height:18px;
    overflow: auto;
}

div#footer ul li
{
    float: left;
    margin-right: 12px;
}

div#footer ul a:link, div#footer ul a:visited
{
    text-decoration: none;
    font-size: 0.8em;
    line-height:18px;
    color: Black;
}

div#footer p
{
    color: #7e7f7f;
    margin-left: 20px;
    font-size: 0.7em;
}

div.datalist table, table.datalist
{
    width: 95%;
    margin: 16px auto;
    border: solid 1px #c5d7e2;
    font-size: 0.9em;
    table-layout: fixed;
    clear : both;
}

.datalist.nowrap td
{
    white-space : nowrap;
    overflow : hidden;
}

div.datalist table tbody tr.odd td, table.datalist tbody tr.odd td
{
    background-color: #f8fbfb;
}

div.datalist table tbody td, table.datalist tbody td
{
    border-bottom: dashed 1px #c5d7e2;
}

div.datalist table tbody tr:last-child td, table.datalist tbody tr:last-child td
{
    border-bottom: none;
}

div.datalist table tbody tr, table.datalist tbody tr
{
    cursor : pointer;
}

#middle div.datalist table tbody tr.selected td, #middle div.datalist table tbody tr:hover td, table.datalist tbody tr:hover td, #middle table.datalist tbody tr.selected td
{
    background-color : #E7F2F7;
}

div.datalist table thead, table.datalist thead
{
    background-color: #80aac3;
    color: #FFF;
}

div.datalist table thead th, table.datalist thead th
{
    border-bottom: solid 2px #c5d7e2;
}

div.datalist table tfoot, table.datalist tfoot
{
    background-color: #c5d7e2;
}

div.datalist table tfoot td, table.datalist tfoot td
{
    line-height: 2.0em;
    font-size: 0.8em;
    padding-top: 2px;
}

div.datalist table tbody td, div.datalist table tbody th, table.datalist thead th, table.datalist tbody td
{
    padding: 0 12px 0 12px;
    line-height: 2.2em;
    border-right: solid 1px #c5d7e2;
}

div.datalist table thead th:last-child, div.datalist table thead td:last-child, table.datalist thead th:last-child, table.datalist tbody td:last-child
{
    border-right: none;
}

div.datalist table td.left, div.datalist table th.left, table.datalist td.left, table.datalist th.left
{
    text-align: left;
}

div.datalist table td.right, div.datalist table th.right, table.datalist td.right, table.datalist th.right
{
    text-align: right;
}

div.datalist table td.center, div.datalist table th.center, table.datalist td.center, table.datalist th.center
{
    text-align: center;
}

div.datalist table thead th.sorter, table.datalist thead th.sorter
{
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
}

div.datalist table thead th.sorter:first-letter, table.datalist thead th.sorter:first-letter
{
    text-decoration: underline;
}

div.datalist table thead th.sorter.desc, table.datalist thead th.sorter.desc
{
    background-image: url(images/bullet_arrow_down.png);
}

div.datalist table thead th.sorter.asc, table.datalist thead th.sorter.asc
{
    background-image: url(images/bullet_arrow_up.png);
}

div.datalist table tfoot span.nodata, table.datalist tfoot span.nodata
{
    padding-left: 12px;
}

div.datalist table tfoot a.nodata, table.datalist tfoot a.nodata
{
    float:right;
    text-decoration:none;
    color:Black;
    text-align:right;
    padding-right:12px;
}

.datalist th.right, .datalist td.right
{
    text-align : right;
}

.datalist th.center, .datalist td.center
{
    text-align : center;
}

div.pager
{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    cursor: default;
}

div.pager span
{
    display: block;
    float: left;
    width: 200px;
}

div.pager span.container
{
    float: right;
    width: auto;
}

div.pager span.divider
{
    width: auto;
    margin-left: 6px;
    margin-right: 6px;
}

div.pager a
{
    float: left;
}

div.pager a:link
{
    color: #80AAC3;
    text-decoration: none;
    cursor: pointer;
}

div.pager a:link:hover
{
    text-decoration: underline;
}

div.pager ul li a
{
    width: 22px;
    text-align: center;
}

div.pager ul li a:hover
{
    font-size: 1.4em;
}

div.pager ul
{
    margin-left: 4px;
    margin-right: 4px;
    overflow: auto;
    float: left;
}

div.pager ul li
{
    float: left;
}

div.pager ul li strong
{
    font-size: 1.6em;
}

div.pager a.link
{
    color: white;
    cursor: pointer;
}

div.pager a.link:hover
{
    text-decoration: underline;
}

div.shortlist
{
    background: #ECF0F3 url(images/block-bg.png) repeat-x;
    position: relative;
    border: solid 1px #F8F8F8;
    border-top: none;
    -moz-border-radius: 8px;
    overflow: visible;
    width: 450px;
    margin-bottom: 12px;
}

div.shortlist.nowrap tbody td
{
    white-space:nowrap;
    overflow:hidden;
}

table.datalist.nowrap tbody td
{
    white-space:nowrap;
    overflow:hidden;
}

div.shortlist.full
{
    width : 928px;
}

div.shortlist.right
{
    float: right;
}

div.shortlist h2
{
    background: no-repeat 420px center;
    line-height: 39px;
    padding-left: 12px;
}

div.shortlist table.datalist, div.shortlist table
{
    border: none !important;
    width: 100% !important;
    margin: 0;
}

div.shortlist h2 a.icon
{
    position: absolute;
    right: 12px;
    padding-top: 7px;
    line-height: 39px;
    cursor: pointer;
    vertical-align: bottom;
}
div.shortlist h2 span.icon
{
    position: absolute;
    float:right;
    right: 12px;
    top: 7px;
    line-height: 39px;
    vertical-align: bottom !important;
}

div.shortlist table.datalist td, div.shortlist table td
{
    border-right: none !important;
}

div.longlist
{
    background: #ECF0F3 url(images/block-bg.png) repeat-x;
    position: relative;
    border: solid 1px #F8F8F8;
    border-top: none;
    -moz-border-radius: 8px;
    overflow: auto;
    width: auto;
    height:auto !important;
    margin-bottom: 12px;
}
div.longlist span
{
    width: 500px;
    text-align: right;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: bold;
    clear:both;
}

div.longlist h2
{
    background: no-repeat 420px center;
    line-height: 39px;
    padding-left: 12px;
}

div.longlist h2 a.icon
{
    position: absolute;
    right: 12px;
    padding-top: 10px;
    line-height: 39px;
    cursor: pointer;
    vertical-align: bottom;
}

div.longlist table.datalist
{
    border: none;
    width: 100%;
    margin: 0;
}

.ui-dialog TextArea
{
    font-family: Trebuchet MS;
    border-top: solid 1px #7D99A5;
    border-left: solid 1px #7D99A5;
    border-right: solid 1px #C8C7C7;
    border-bottom: solid 1px #C8C7C7;
    width: 200px;
    min-height: 100px;
}
.ui-dialog Label
{
    display: block;
    width: 100px;
    text-align: right;
    float: left;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: bold;
}
.ui-dialog Select
{
    font: 1em/1em "trebuchet ms" , sans-serif, arial;
}
.ui-dialog div
{
    padding: 2px 5px 5px 5px;
}
.ui-dialog div.large
{
    padding: 2px 5px 5px 5px;
   height:120px;
   overflow:hidden;
}
.ui-dialog select.error
{
    color: Red;
    border: 1px dotted red !important;
}
.ui-dialog Textbox
{
    font-family: Trebuchet MS;
    border-top: solid 1px #7D99A5;
    border-left: solid 1px #7D99A5;
    border-right: solid 1px #C8C7C7;
    border-bottom: solid 1px #C8C7C7;
    width: 155px;
    margin-right: 5px;
    background-color: #F5F5F5;
}

.ui-dialog input[type=text].large
{
    width: 250px; 
}

.ui-dialog Label.error
{
    clear : left;
    width : auto;
    font-size : 0.70em;
    padding-top : 2px;
     margin-left : 128px;
    color : #F00;
}

table.datalist h3 span
{
    color : Red;
    font-style : italic;
}

table.datalist h4 
{
    font-size : 0.8em;
}

table.datalist blockquote
{
    margin-left : 6px;
    margin-right : 6px;
    font-size : 0.9em;
    padding : 6px;
    background-color : White;
    border : solid 1px black;
    -moz-border-radius : 6px;
    line-height : 1.4em;
}
div.field
{
    margin:12px 0px 12px 12px;
    position : relative;
}

div.field label
{
    display : block;
    width : 120px;
    text-align : right;
    float : left;
    margin-right : 8px;
    font-size : 0.9em;
    line-height : 1.3em;
    font-weight : bold;
    padding: 0px 10px 0 0;
}

div.field label.error
{
    margin-left : 130px;
    font-size : 0.7em;
    background-image:none;
    color : #F00;
    padding-left : 8px;
    width :225px !important; 
    text-align:justify;
}

input[type=button]
{
    height : 24px;
    background : url(images/button-bg.png) repeat-x;
    border : none;
    color : White;
    -moz-border-radius : 3px;
    text-transform : uppercase;
}

fieldset.buttons
{
    background : none;
    border : none;
    width:100%;
}

div.field p
{
    width : 296px;
    margin-left : 4px;
    text-align:left;
    height:auto;
     line-height : 1.3em;
    overflow:hidden;
}
.checkbox
{
    float:left;
    margin-left:103px;
}
.checkboxlabel
{
    float:left;
    margin-left:18px;
   font-family : Trebuchet MS;
    font-size:0.9em;
   font-weight:bold;
   line-height : 1.3em;
}
.clear
{
clear:both;
}