/*T R B L*/

body
{
   font-size      : 62.5%;
   font-family    : Arial,sans-serif;
   background     : #EEEEEE;
}

.iframe
{
   background        : #FFFFFF;
   margin            : 0px;
}


div.wrapper
{
   width             : 880px;
   border            : 1px solid #CCCCCC;
   background        : #FFFFFF;
   margin            : 0px auto;
}

div.menu
{
   width             : 100%;
}  

p.menu_group
{
   width             : 100%;
   text-align        : right;
}

a.menu_item
{
   margin-left       : 5px;
   margin-right      : 10px;
   font-size         : 15px;
   font-weight       : bold;
   color             : #000000;
   text-decoration   : none;
}

a.menu_item:hover
{
   color             : #DCDCDC;
}

div.header 
{
   height            : 120px;
   width             : 100%;
   margin            : 0px auto;
   background        : #7E7F81 url(../img/bg.png) no-repeat;
}

div.content
{
   background        : #FFFFFF;
   height            : 400px;
   padding           : 20px;
}

div.sidebar
{
   float             : left;
   width             : 260px;
}

div.details
{
   float             : right;
   width             : 540px;
   padding           : 15px;
}

div.clear
{
   clear             : both;
   height            : 1px;
   width             : 100%;
   margin            : 0pt 0pt -1px;
}

div.footer 
{
   height            : 20px;
   width             : 100%;
   background        : #DCDCDC;
}

p.footer_copyright
{
   padding-top       : 4px;
   padding-right     : 10px;
   text-align        : right;
   font-size         : 12px;
   color             : #000000;
}

#sidebar-tabs
{
   height            : 400px;
}

#sidebar-footer
{
   padding           : 5px 10px 5px 10px;
   background        : #DCDCDC;
   color             : #000000;
}

#jobcat
{
   height            : 353px;
   overflow-y        : scroll;
}

.ui-tabs .ui-tabs-panel {
   padding: 5px;
}

.detail_title{
   padding           : 10px;
   font-size         : 24px;
}

.detail_hr
{
   color             : #000000;
   height            : 2px;
   border            : 0pt none;
   background-color  : #000000;
}

#comp_details
{
   padding           : 10px;
   font-size         : 16px;
   color             : #000000;
}

#branch-tabs
{
   height            : 355px;
}

div.branch_details
{
   color             : #000000;
   overflow          : hidden;
}

table.branch_details
{
   float             : left;
   border-width      : 1px;
   border-spacing    : 0px;
   border-style      : dotted;
   border-color      : #B7B7B7;
   border-collapse   : separate;
   background-color  : #FFFFFF;
   width             : 180px;
   font-size         : 11px;
   margin-right      : 10px;
   color            : #000000;
}

table.branch_details td.name
{
   border-width     : 0px;
   border-spacing   : 0px;
   background-color : #FFFFFF;
   padding-right    : 5px;
   font-size        : 12px;
   padding          : 4px;
}

table.branch_details td
{
   border-width     : 0px;
   border-spacing   : 0px;
   background-color : #FFFFFF;
   padding-right    : 5px;
   font-size        : 11px;
   padding          : 4px;
}

a.branch_details
{
   text-decoration   : none;
   font-size         : 11px;
   font-weight       : normal;
   color            : #000000;
   background-color : #EEEEEE;
   padding          : 1px;
   border-color     : #D0D0D0;
   border-width     : 1px;
   border-style     : solid;
}

a.branch_details:hover
{
   background-color : #DEDEDE;
   border-color     : #000000; 
}

#jobdetails-table 
{
   border-spacing    : 1px;
   width             : 380px;
   font-size        : 12px;
}

#jobdetails-table td 
{
   padding          : 5px;
   width            : 280px;
   vertical-align   : top;
}

#jobdetails-table td.label
{
   background-color : #EEEEEE;
   width            : 100px;
}

#requirement-list{
   list-style-type : square;
   margin-left     : -20px;
}

a.contact
{
   text-decoration   : none;
   color            : #000000;
   background-color : #EEEEEE;
   padding          : 1px;
   border-color     : #EEEEEE;
   border-width     : 1px;
   border-style     : solid;
}

a.contact:hover
{
   border-color     : #CA0000;
}

.core_label {
   float: left;
   margin-bottom: 4px;
   color:         #000000;
}

.core_textfield {
   display:       block;
   width:         100%;
   margin-bottom: 10px;
   font-size:     12px;
   font-weight:   bold;
   border-width:  1px;
   border-style:  none solid solid solid;
   border-color:  #D3D3D3;
}

.core_selectfield {
   display:       block;
   width:         100%;
   margin-top:    10px;
   margin-bottom: 10px;
   font-size:     12px;
   font-weight:   bold;
   border-width:  1px;
   border-style:  none solid solid solid;
   border-color:  #D3D3D3;
   background-color: #FFFFFF;
}

.core_textarea {
   display:       block;
   width:         100%;
   margin-bottom: 10px;
   font-size:     12px;
   font-weight:   bold;
   border-width:  1px;
   border-style:  solid solid solid solid;
   border-color:  #D3D3D3;
}

#search_box {
   background-color : #EEEEEE;
   width            : 250px;
   padding          : 15px;
}

#contact_box {
   background-color : #EEEEEE;
   width            : 500px;
   padding          : 15px;
}

table.contact td.left {
   padding-right    : 15px;
   width            : 200px;
   vertical-align   : top;
}

table.contact td.right {
   width            : 260px;
   vertical-align   : top;
}

.validateTips {
   font-size      : 12px;
   font-weight    : bold;
   color          : #000000;
}

#resume_file_box {
   background-color : #EEEEEE;
   width            : 220px;
   padding          : 10px;
   float            : left;
}

#resume_box {
   background-color : #EEEEEE;
   width            : 220px;
   padding          : 10px;
   float            : left;
   margin-left      : 15px;
}