*
{
   margin            : 0;
   padding           : 0;
}

body
{
   background        : #EEEEEE;
   margin            : 0px auto;
   scrollbar-face-color:#DCDCDC;
   scrollbar-highlight-color:#E8E8E8;
   scrollbar-3d-light-color:#E8E8E8;
   scrollbar-dark-shadow-color:E8E8E8;
   scrollbar-shadow-color:#E8E8E8;
   scrollbar-arrow-color:#CA0000;
   scrollbar-track-color:#E8E8E8;
   scrollbar-base-color:#E8E8E8;
}

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

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

div.menu
{
   height            : 30px;
   width             : 100%;
   margin            : 0px auto;
}  

p.menu_group
{
   padding-top       : 10px;
   padding-right     : 10px;
   text-align        : right;
}

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

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

div.content
{
   background        : #FFFFFF;
   width             : 100%;
   margin            : 0px auto;
}

div.sidebar
{
   background        : #FFFFFF;
   float             : left;
   width             : 280px;
   margin            : 0px auto;
}

div.sidebar_list
{
   margin-top        : 28px;
   margin-left       : 20px;
   margin-bottom     : 15px;
   font-size         : 12px;
   font-weight       : normal;
   color             : #CA0000;
}

div.details
{
   background        : #FFFFFF;
   float             : right;
   width             : 560px;
   margin-right      : 15px;
   font-size         : 12px;
}

div.grid
{
   width             : 560px;
   height            : 355px;
}

p.details_title
{
   margin-top        : 18px;
   margin-left       : 10px;
   margin-bottom     : 2px;
   text-align        : left;
   font-size         : 20px;
   font-weight       : bold;
   color             : #8A8B8D;
}

span.details_title
{
   font-size         : 24px;
   color             : #000000;
}

div.company_info
{
   margin-top        : 18px;
   margin-left       : 10px;
   margin-bottom     : 2px;
   text-align        : left;
   font-size         : 14px;
   font-weight       : bold;
   color             : #868686;
   width             : 500px;
   line-height       : 25px;
   word-spacing      : 3px;
}

hr.details
{
   margin-left       : 10px;
   margin-right      : 10px;
   color             : #CA0000;
   height            : 1px;
   border            : 0pt none;
   background-color  : #CA0000;
}

div.details_list
{
   margin-top        : 15px;
   margin-left       : 10px;
   margin-bottom     : 15px;
}

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

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

p.footer_copyright
{
   padding-top       : 4px;
   padding-right     : 10px;
   text-align        : right;
   font-size         : 12px;
   /*font-weight       : bold;*/
   color             : #CA0000;
}

span.jobcat_total
{
   font-size         : 11px;
   color             : #CA0000;
   /*font-weight       : bold;*/
   float             : left;
   padding-left      : 4px;
}

div.jobcat_total
{
   width             : 100%;
   padding           : 3px;
   height            : 12px;
   overflow          : hidden;
   background        : #DCDCDC;
}

div.jobcat
{
   width             : 100%;
   /*height            : 375px;*/
   height            : 356px;
   font-size         : 12px;
   color             : #CA0000;
   overflow-y        : auto;
   overflow-x        : hidden;
}

a.jobcat
{
   text-decoration   : none;
   font-size         : 11px;
   font-weight       : normal;
   color             : #000000;
   padding           : 2px;
   padding-left      : 5px;
   text-align        : left;
   display           : block;
   width             : 100%;
   border-width      : 1px;
   border-style      : solid none solid none;
   border-color      : #FFFFFF;
}

a.jobcat:hover
{
   background-color : #E8E8E8;
   border-color     : #CA0000;
   border-width     : 1px;
   border-style     : dotted none dotted none;
}

table.jobdetails
{
   border-spacing    : 1px;
   background-color  : #FFFFFF;
   color             : #b7b7b7;
   width             : 99%;
   font-size        : 12px;
}

table.jobdetails td.header
{
   background-color : #EEEEEE;
   color            : #000000;
   width            : 100px;
   padding          : 5px;
}

table.jobdetails td
{
   background-color : #FFFFFF;
   color            : #000000;
   padding          : 5px;
   font-size        : 11px;
}

ul.jobdetails li
{
   list-style-type : square;
   margin-left     : 10px;
}

a.jobdetails
{
   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.jobdetails:hover
{
   /*background-color : #C4D1DE;
   border-color     : #8DB2E3; */
   background-color : #DEDEDE;
   border-color     : #CA0000; 
}

div.myjob_msg
{
   padding-top       : 20px;
   padding-left      : 20px;
   font-size         : 12px;
   color             : #8A8B8D;
}

div.myjob_list
{
   width             : 100%;
   height            : 345px;
   font-size         : 12px;
   color             : #8A8B8D;
   overflow-y        : auto;
   overflow-x        : hidden;
}

div.myjob_total
{
   width             : 100%;
   padding           : 5px;
   height            : 15px;
   overflow          : hidden;
}

table.myjob_list
{
   border-width      : 1px;
   border-spacing    : 0px;
   border-style      : dotted;
   border-color      : #B7B7B7;
   border-collapse   : separate;
   background-color  : #FFFFFF;
   width             : 220px;
   font-size         : 11px;
   margin-top        : 5px;
   margin-left       : 5px;
}

table.myjob_list td.salary
{
   border-width     : 0px;
   border-spacing   : 0px;
   background-color : #FFFFFF;
   color            : #000000;
   padding          : 2px;
   padding-right    : 5px;
   text-align       : right;
   width            : 160px;
}

table.myjob_list td
{
   border-width     : 0px;
   background-color : #FFFFFF;
   color            : #000000;
   padding          : 2px;
   padding-left     : 5px;
}

span.myjob_list_total
{
   font-size         : 11px;
   color             : #000000;
   float             : left;
   padding           : 1px;
}
a.myjob_list
{
   text-decoration  : none;
   text-align       : center;
   font-size        : 11px;
   color            : #000000;
   background-color : #EEEEEE;
   display          : block;
   width            : 60px;
   float            : left;
   padding          : 1px;
   border-color     : #D0D0D0;
   border-width     : 1px;
   border-style     : solid;
}

a.myjob_list:hover
{
   /*background-color : #C4D1DE;
   border-color     : #8DB2E3; */
   background-color : #DEDEDE;
   border-color     : #CA0000; 
}

a.myjob_resume
{
   text-decoration  : none;
   text-align       : center;
   font-size        : 11px;
   color            : #000000;
   background-color : #EEEEEE;
   display          : block;
   width            : 100px;
   float            : left;
   padding          : 1px;
   border-color     : #D0D0D0;
   border-width     : 1px;
   border-style     : solid;
   margin-left      : 36px;
}

a.myjob_resume:hover
{
   /*background-color : #C4D1DE;
   border-color     : #8DB2E3; */
   background-color : #DEDEDE;
   border-color     : #CA0000; 
}

div.search
{
   width             : 555px;
   height            : 355px;
}

div.resume
{
   width             : 555px;
   height            : 355px;
}

div.contact
{
   width             : 555px;
   height            : 355px;
}

div.branch
{
   width             : 555px;
   height            : 355px;
}

div.file_cv
{
   width             : 380px;
   height            : 120px;
   border            : 1px solid #99BBE8;
   background-color  : #DFE8F6;
}

form.cv_upload
{
   padding     : 5px;
   font-size   : 11px;
}

form.cv_upload br
{
   clear:both;
}

form.cv_upload input.button
{
   font-size    : 11px;
   width        : 50px;
   text-align   : center;
   float        : right;
}

form.cv_upload label
{
   display        : block;
   float          : left;
   text-align     : right;
   font-size      : 12px;
   padding        : 2px;
   width          : 120px;
   margin-bottom  : 2px;
}

form.cv_upload input.textfield
{
   text-align   : left;
   font-size    : 12px;
   width        : 200px;
   border       : 1px solid #EEEEEE;
   background-color: #EEEEEE;
}

form.cv_upload input.browse
{
   text-align   : left;
   font-size    : 12px;
   width        : 200px;
   border       : 1px solid #CA0000;
   background-color: #EEEEEE;
}

form.cv_upload input.note
{
   text-align   : left;
   font-size    : 12px;
   width        : 200px;
   border       : 0px;
   padding      : 2px;
   background-color: #FFFFFF;
}

form.cv_upload label.error
{
   display        : block;
   float          : left;
   text-align     : right;
   font-size      : 11px;
   padding        : 2px;
   width          : 120px;
}

form.cv_upload input.error
{
   text-align   : left;
   font-size    : 11px;
   width        : 200px;
   border       : 0px;
   padding      : 2px;
   color        : #FF0000;
   background-color: #FFFFFF;
}

div.branch_details
{
   width             : 100%;
   height            : 100%;
   font-size         : 12px;
   color             : #8A8B8D;
   overflow          : hidden;
   background-color  : #EEEEEE;
   padding           : 10px;
}

table.branch_details
{
   float             : left;
   border-width      : 1px;
   border-spacing    : 0px;
   border-style      : dotted;
   border-color      : #B7B7B7;
   border-collapse   : separate;
   background-color  : #FFFFFF;
   width             : 200px;
   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     : #CA0000; 
}

p.removal_text
{
   font-family       : Arial;
   font-size         : 12px;
   padding           : 5px;
}

p.removal_address
{
   color             : #CA0000;
   font-family       : Arial;
   font-size         : 12px;
   font-weight       : bold;
   padding           : 15px;
}