@charset "utf-8";

body {
    padding: 0px;
    margin: 0px;
}

body, td {
    font-family: tahoma;
    font-size: 12px;
    color: #000;
}

.stylereset {
    width: 100%;
    float: none !important;
    clear: none !important;
    background-color: none !important;
}
.stylereset div {
    padding-top: 0px !important;
    
}
.stylereset span {
    padding: 0px !important;
    border: 0px !important;
}
.stylereset a,
.stylereset a img {        
    color: #fff !important;
    background-color: #fff !important;
}

a, a:visited { color: #70b82f; text-decoration: none; }

a:hover,
a:visited:hover { text-decoration: underline; }

/* content styles */

.bold {
    font-weight: bold;
}

.grey {
    background-color: #f9f9f9;
}

.red {
     color: #f00;
}

.green {
    color: #339900;
}

.noborder {
    border: 0px;
}

.nowrap {
    white-space: nowrap;
}

.clear {
    clear: both;
    float:left;
    width: 100%;
}

.image-left {
    float:left;
    margin: 0px 5px 5px 0px;
}

.image-right {
    float:right;
    margin: 0px 0px 5px 5px;
}

.rejected, .rejected:visited, .rejected:hover, .rejected:visited:hover { 
    color: #ee0000 !important;
}

.invited, .invited:visited, .invited:hover, .invited:visited:hover { 
    color: #6cc218 !important;
}

.active, .active:visited, .active:hover, .active:visited:hover { 
    color: #6cc218;
}

.inactive, .inactive:visited, .inactive:hover, .inactive:visited:hover { 
    color: #555555;
}

.overflow {
    overflow: auto;
}

.pad5 {
    padding-bottom: 10px;
}

/* content styles */


/* banners */
.banner {
    float:left;
    overflow: hidden;
    margin-top: 10px;
    
    /*temp*/
    /*background-color: #c0c0c0;*/
}

.banner img {
    border: 0px;
}

.banner span {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.banner p {
    margin: 0px;
    padding: 0px;
}

.block {
    display: block;
    margin: 5px 0px 0px 0px;
}

.w900x90 { width: 900px; height: 90px; }
.w200x150 { width: 200px; height: 150px; }
.w240x400 { width: 240px; height: 400px; }
.w650x90 { width: 650px; height: 90px; }
.w650x60 { width: 650px; height: 60px; }
/* banners */

#root,
#root #top, 
#root #left,
#root #right,
#root #bottom {
    float:left;
}

#root #bottom {
    clear:  left;
}


#root {
    width: 900px;    
    min-height: 500px;
    margin-left: 50px;
}

#root #bottom,
#root #top {
    width: 100%;
    margin-bottom: 10px;
}

#bottom #l,
#root #left {
    width: 200px;
}

/* left */
#root #left #logo,
#root #left #logo img {
    width: 100%;
    height: 111px;
    border: 0px;
    float:left;
}
#root #left #logo {
    background-image: url(/resources/images/layout/logo.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

#root #left #menu {
    float:left;
    width: 100%;
    margin-bottom: 10px;
    background-image: url(/resources/images/layout/lines/w200.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}

#root #left #menu ul {
    list-style: none;
    float:left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url(/resources/images/layout/lines/w200.gif);
    background-position: top;
    background-repeat: no-repeat;
}

#root #left #menu ul li {
    float:left;
    width: 100%;
    padding: 10px 0px 10px 0px;
    background-image: url(/resources/images/layout/lines/w200_h.gif);
    background-position: top;
    background-repeat: no-repeat;
}

#root #left #menu ul li.f {
    background-image: none !important;
}

#root #left #menu ul li a,
#root #left #menu ul li a:visited {
    color: #000;
    text-decoration: none;
    padding-left: 20px;
    background-image: url(/resources/images/layout/plus.gif);
    background-repeat: no-repeat;
    background-position: 1px;
    margin-left: 2px;
    display: block;
    float: left;
}

#root #left #menu ul li a:hover,
#root #left #menu ul li a:visited:hover {
    text-decoration: underline;
}

#root #left #menu ul li.selected a {
    font-weight: bold;
    background-image: url(/resources/images/layout/plus-g.gif) !important;
}

#root #left #menu ul li.level1 a,
#root #left #menu ul li.level1 a:visited {
    margin-left: 15px;
    background-image: none !important;
    color: #70b82f;
}

#root #left #menu ul li.level1 {
    padding: 0px 0px 10px 0px;
    background-image: none !important;
}

#root #left #menu ul li span {
    color: #f00;
    font-size: 8px;
    font-weight: bold;
    padding: 0px 2px; 
    display: block;
    float: left;
}

/* left */

/* right */
#bottom #r,
#root #right {
    width: 650px;
    padding-left: 50px;
}

#root #right .user-panel {
    float:left;
    width: 100%;
    border-top: 4px solid #70b82f;
    border-bottom: 4px solid #70b82f;
    padding: 8px 0px 8px 0px;
}

/* right */

/* content */

#right #content {
    float:left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}

#right #content h1 {
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    color: #555555;
}

#right #content h2 {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
}

#right #content h3 {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
}

/* content */

/* bottom */

#bottom {
    margin-top: 20px;
}

#bottom #l,
#bottom #r {
    padding-top: 20px;
    padding-top: expression("7px");
}

#bottom #l {
    float:left;                     
}

#bottom #r {
    float:left;
}

#bottom .b {
    float:left;
    margin-left: 250px;
    width: 650px;
    border-top: 4px solid #515054;
}

#bottom .bg {
    clear:left;
    float:left;
    margin-left: 250px;
    margin-top: 25px;
    width: 650px;
    border-bottom: 20px solid #70b82f;
}

#bottom .bbanner {
    clear:left;
    float:left;
    text-align: center;
    margin-left: 250px;
    margin-top: 5px;
    width: 650px;
}


.copyright {
    font-size: 10px;
}

.copyright a {
    color: #70b82f;         
}

.pioneer {
    padding: 10px 0px 0px 0px;
    float:left;
}
.pioneer img {
    background: url(/resources/images/layout/pionner.gif) no-repeat;
    width: 169px;
    height: 14px;
    border: 0px;
}

.m {
    float:left;
    width: 440px;
    margin-right: 10px;
}

.m a,
.m a:visited {
    padding-right: 5px;
    color: #70b82f;
}

.m a:hover,
.m a:visited:hover {
    color: #000;
}

.c {
    float:left;
    width: 200px;
    text-align: right;
}

/* bottom */



/* forms */
.w100perc {
    width: 98% !important;
    border-collapse: collapse;
}

.w90perc {
    width: 90% !important;
}

.w80perc {
    width: 80% !important;
}

.w70perc {
    width: 70% !important;
}


.form {
    clear: left;
}

.hidden {
    display: none;
}

.form .error_state {
    border: 1px solid #f00 !important;
}

.form .ok_state {
    border: 1px solid #0c0 !important;
}

.form a {
    color: #080;
}

.form .text {
    width: 60%;
    border: 1px solid #c0c0c0;
    padding: 3px 5px;
}

.form .file {
    width: 80%;
}

.form .chk {
    vertical-align: middle;
    margin: 0px 0px 0px 10px;
}

.form .nomargin {
    margin: 0px 0px 0px 0px;
}

.form label {   
    margin: 0px 10px 0px 4px;
}

.form .pad {
    padding: 20px;
}

.form .pad10 {
    padding: 10px;
}

.form .pattern {
    padding: 10px 0px 0px 0px;
    height: 50px;
    width: 90%;
    overflow: auto;
    font-size: 10px;
    color: #555555;
}

.form .pad-tb {
    padding: 20px 0px 20px 0px;
}

.form .padtopbottom {
    padding: 10px 0px 10px 0px;
}

.form .padtopbottom20 {
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #f2f2f2;
}

.form .space {
    height: 20px;
}

.form .caption {
    width: 35%;
    vertical-align: top;
    padding-top: 5px;
}

.form table tr td {
    padding: 2px 0px 2px 0px;
}

.form .info {
    color: #555;
    font-size: 10px;
}

.form .message {
    border: 0px;
    color: #f00;
    background-color: transparent;
    font-size: 10px;
    width: 99%;
}

.form .checks {
    
}

.form .checks .ch {
    
}

.form .checks .level0 {
    
}

.form .checks .level1 {
    padding: 0px 0px 0px 20px;
}

.form .checks .ch input {
    vertical-align: middle;
}

.form .button {
    font-size: 11px;
    width: 150px;
    padding: 2px 0px 3px 0px;
}  

/* forms */

/* messages */

.ok-message,
.error-message {
    float: left;
    clear: left;
    padding: 20px 0px 20px 0px;
    width: 100%;
}

.black {
    color: #000;
}

.ok-message a,
.error-message a {
    font: inherit;
}

.error-message a,
.error-message {
    color: #bb0000;
}

.ok-message,
.ok-message a {
    color: #70b82f;
}

/* messages */

/* widths */

.w99perc { width: 350px !important; }
.w23 { width: 23px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w75 { width: 75px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w180 { width: 180px !important; }
.w220 { width: 220px !important; }
.w250 { width: 250px !important; }
.w270 { width: 270px !important; }
.w275 { width: 275px !important; }
.w420 { width: 400px !important; }

.h120 { height: 120px; }
.h220 { height: 220px; }
.h250 { height: 250px; }

/* widths */

/* alignments */

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }

/* alignments */


/*sizes*/

.f11 { font-size:11px; padding: 1px 0px 1px 0px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; }

/*sizes*/

/* lists */

table.list {
    width: 100%;
    border-collapse: collapse;
    clear: left
}

table.list tr td {
    padding: 8px 5px 9px 5px;
    vertical-align: top;
}

table.list .header td {
    border-top: 1px solid #000;
    border-bottom: 4px solid #000;
    font-weight: bold;
    font-size: 11px;
    padding: 6px 5px 7px 5px;
    white-space: nowrap;
}

table.list tr.grey {
    background-color: #f9f9f9;
}

table.list tr.inactive td {
    color: #c0c0c0;
}

table.list tr.admin td {
    /*font-weight: bold;*/
    color: #bb0000;
}

table.list tr.grayed td {
    color: #555555;
}

table.list tr.active td {
    color: #000;   
}

table.list tr.grayed td a, table.list tr.grayed td a:visited {
    color: #555555;
}

table.list tr.active td a, table.list tr.active td a:visited {
    color: #6cc218;
}

table.list tr.active td a:visited {
    color: #7e9c61;
}

table.list tr.inactive td a, table.list tr.inactive td a:visited {
    color: #c0c0c0 !important;
}

table.list tr.inactive td .info {
    color: #c0c0c0 !important;
}

table.list tr td .info a {
    color: #555555 !important;
}

table.list tr.inactive td .invited {
    color: #c0c0c0 !important;
}

table.list tr.inactive td .rejected {
    color: #c0c0c0 !important;
}

table.list tr td.message {
    font-size: 10px;
    color: #555555;
    padding-left: 5px;
}

table.list tr td .info {
    font-size: 10px;
    color: #555555;
    padding: 2px 0px 0px 0px;
}

table.list tr td.opts {
    white-space: nowrap;
    min-width: 30px;
}

table.list tr td.opts img {
    border: 0px;
    margin-right: 2px;
}

table.list tr td.ppager {
    text-align: center;
}

.blocked {
    background-image: url(/resources/images/layout/icons/blocked.gif);
    width: 16px;
    height: 16px;
}

.unpublished {
    background-image: url(/resources/images/layout/icons/unpublished.gif);
    width: 16px;
    height: 16px;
}

.published { 
    background-image: url(/resources/images/layout/icons/published.gif);
    width: 16px;
    height: 16px;
}

.inprogress {
    background-image: url(/resources/images/layout/icons/inprogress.gif);
    width: 16px;
    height: 16px;
}

.sort {
    padding: 10px 0px 20px 0px;
    clear: left;   
}

.sort table {
    width: 100%;
}

.sort .space {
    width: 100%;
}

.sort tr td {
    white-space: nowrap;
    padding: 0px 5px 3px 5px;
}          

.sort tr td a, .sort tr td a:visited,
.sort tr td a:hover, .sort tr td a:visited:hover {
    text-decoration: none;
    border-bottom: 1px dashed #6cc218;
    color: #6cc218;
    padding: 0px 0px 1px 0px
}

.sort tr td.ok {
    padding-bottom: 6px;
    background: #000 url(/resources/images/layout/sort-sel.gif) center bottom no-repeat;
}

.sort tr td.ok a, .sort tr td.ok a:visited,
.sort tr td.ok a:hover, .sort tr td.ok a:visited:hover {
    text-decoration: none;
    border-bottom: 0px;
    color: #fff;
    padding: 0px 0px 1px 0px;
}

.options {
    float:left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}

.options table {
    width: 100%;
    
}

.options table tr td .b {
    font-size: 11px;
}

.options table tr td {
    white-space: nowrap;
    padding: 0px 5px;
}

.options table tr td a, .options table tr td a:visited {
    color: #6cc218;
    text-decoration: none;
    white-space: nowrap;
}

.options table tr td a:hover, .options table tr td a:visited:hover {
    text-decoration: underline;
}

.options table tr td a.disabled {
    color: #c0c0c0;
}

.options table tr td a img {
    border: 0px;
    vertical-align: text-bottom;    
    margin-right: 2px;
}

/* lists */

/* show data table */

.showdata {
    border-collapse: collapse;
}

.showdata .title {
    font-size: 20px;
    padding-bottom: 10px;
}

.showdata .pad {
    padding: 20px;
}

.showdata td {
    vertical-align: top;
}

.showdata td table {
    width: 100%;
}

.showdata td table td {
    width: 70%;
    font-size: 12px;  
    padding-bottom: 10px;
}

.showdata td table td span {
    display: block;
    font-size: 11px;
    color: #999999;
    padding-bottom: 3px;
}

.showdata td table td span.bold {
    font-size: 12px;
}

.showdata td table td a,
.showdata td table td a:hover,
.showdata td table td a:visited,
.showdata td table td a:visited:hover {
    color:#70B82F;
}

.legend {
    float: left;
    width: 99%;
    margin: 15px 0px 15px 0px;
    border: 1px solid #eee;
    background-color: #fdfeed;
}

.legend .lb { float:right; width: 14px; height: 14px; border: 0px; margin: 5px; }
.legend .lbs { background-image: url(/resources/images/layout/icons/op_removelegend.gif); }
.legend .lbh { background-image: url(/resources/images/layout/icons/op_showlegend.gif); }

.legend div.lt {
    float:left;
    width: 550px;
    font-size: 11px;
    font-weight: bold;
    color: #9ccc82;
    padding: 5px;
}

.legend div.lc {
    float: left;
    padding: 5px 10px 10px 10px;
}

.legend div.lc table {
    width: 100%;
    clear: left;
}

.legend div.lc table td.key {
    width: 25px;
}

.legend div.lc, 
.legend div.lc table td {
    font-size: 11px;
    color: #666666;
}

.legend div.lc img {
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #9ccc82;
}

.pager {
    float:left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    padding-top: 10px;
}

.pager a, .pager a:visited {
    margin: 0px 5px 0px 5px;
    color: #6cc218;
}

.pager span {
    margin: 0px 5px 0px 5px;
    font-weight: bold;
}


/* show data table */


.steps {
    padding: 20px 0px 0px 0px;
}

.header {
    clear: left;
}

.header tr td {
    vertical-align: top;
    color: #dddddd;
}

.header tr td span {
    display: block;
    float:left;
    clear: both;
    padding: 4px 0px 0px 0px;
}

.header tr td div {
    padding: 2px 3px 2px 3px;
    float: left;
    clear: both;
    color: #fff;
    font-weight: bold;
    background-color: #dddddd;
}

.header .active {
    color: #3d6f0f;
    font-weight: bold;
}

.header .active div {
    color: #fff;
    background-color: #3f8d13;
}

fieldset { 
    margin: 10px 0px 0px 0px;
    
}

fieldset legend {
    font-size: 12px;
}

fieldset table tr td.error {
    color: #f00;
}

fieldset.error legend { 
    color: #bb0000;
}

fieldset.error p {
    color: #f00;
}   

.rejection-message {
    float:left;
    width: 100% !important;
}



.greyblock {
    border: 1px solid #c0c0c0;
    background-color: #f9f9f9;
    padding: 20px !important;
    float:left;
    width: 605px !important;
}

.informer {
    float: left;
    margin-top: 10px;
}

.informer div {
    width: 240px !important;
}

.informer div div div div div{
    width: 230px !important;
}

.informer a {
    font-size: 11px;
}

.informer table tr td {
    vertical-align: top !important;
}      

.help {
    width: 649px;
    text-align: right;
    float: left;
}

.padtop10 {
    padding: 10px 0px 0px 0px;
}

.padbottom10 {
    padding: 0px 0px 10px 0px;
}

.regions {
    clear: left;
}

.regions span {
    display:block;
    padding: 0px 0px 5px 0px;
}

.regions .qr {
    display:block;
    float: left;
    border: 1px solid #c0c0c0;
    width: 210px;
    height: 17px;
    padding: 2px 5px;
    margin: 0px 5px 5px 0px;
}

.regions .cmd {
    display:block;  
    float: left;
    border: 1px solid #c0c0c0;
    width: 55px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

.regions select {
    float: left;
    width: 281px;
    border: 1px solid #c0c0c0;
    font-size: 10px;
}

.istop {
    background: #ffefef;
}

.istop a {
    font-weight: bold;
}

.comeback img{
    border:0 none;
    margin-right:2px;
    vertical-align:text-bottom;
}

.mover {
    position: relative;
    float: right;
    width: 18px;
    padding-bottom: 20px;
}

.mover a {
    display: block;
    float: left;
    padding: 5px 0px 0px 0px;
}

.mover a img {
    border: 0px;
}

/* resume buy */

.buyresume {
    border: 1px solid #c0c0c0;
    background-color: #f9f9f9;
    padding: 20px !important;
    float:left;
    width: 605px !important;
    text-align: center;
    margin: 20px 0px;
}

.buyresume div {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    font-size: 14px;
}

.buyresume .error-message {
    padding-bottom: 20px !important;
}

.buyresume #buy {
    background: url(/resources/images/layout/buyresume.gif) center top no-repeat;
    display: block;
    width: 494px;
    height: 40px;
    padding: 13px 0px 0px 0px;
    margin: 0px 0px 0px 55px;
    
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

.buyvocancy {
    border: 1px solid #c0c0c0;
    background-color: #f9f9f9;
    padding: 20px !important;
    float:left;
    width: 605px !important;
    text-align: center;
    margin: 20px 0px;
}

.buyvocancy div {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    font-size: 14px;
}

.buyvocancy .error-message {
    padding-bottom: 20px !important;
}

.buyvocancy #buy {
    background: url(/resources/images/layout/buyresume.gif) center top no-repeat;
    display: block;
    width: 494px;
    height: 40px;
    padding: 13px 0px 0px 0px;
    margin: 0px 0px 0px 55px;
    
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}


.doubleline {
    color: #c00;
    border-bottom: 1px dashed #f00;
    cursor: help;
}

.video-item .flashvideo{
	margin-top: 15px;
	
}