﻿.head{
    background-color:white;
}
#calendar {
    width: 213px;
    margin: 0 auto;
    font-size: 1px;
}


.fc-header-right {
    font-size: 12px;
}

.fc-first, .fc-day-number {
    font-size: 12px;
}

.fc-header-title h2 {
    font-size: 15px;
    font-family: Arial, Verdana, sans-serif;
    color: #ffffff;
}

.popup {
    overflow: auto;
    position: fixed;
    z-index: 100;
    top: 10px;
    left: 50%;
    width: 1010px;
    height: 700px;
    background: #fff;
    -moz-box-shadow: 4px 4px 30px #130507;
    -webkit-box-shadow: 4px 4px 30px #130507;
    box-shadow: 4px 4px 30px #130507;
    -moz-transition: top 800ms;
    -o-transition: top 800ms;
    -webkit-transition: top 800ms;
    transition: top 800ms;
}

.popup3 {
    overflow: auto;
    position: fixed;
    z-index: 100;
    top: 10px;
    left: 50%;
    width: 1010px;
    height: 700px;
    background: #fff;
    -moz-box-shadow: 4px 4px 30px #130507;
    -webkit-box-shadow: 4px 4px 30px #130507;
    box-shadow: 4px 4px 30px #130507;
    -moz-transition: top 800ms;
    -o-transition: top 800ms;
    -webkit-transition: top 800ms;
    transition: top 800ms;
}

.p_content {
    width: 100%;
    text-align: center;
    font-size: 23px;
    padding: 110px 0 0;
}

.p_anch {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 80px 0 0 0;
    text-align: center;
    font-size: 18px;
}

.p_anch a {
color: #000;
}

.p_anch a:hover {
    text-decoration: none;
}

.p_anch_bottom {
    margin: 1500px 0 0 0;
    padding: 0 0 50px 0;
}

.p_close {
    float: right;
    width: 15px;
    height: 14px;
    margin: 11px 10px 0 0;
    background: url(/Images/popup_close.png);
}

.p_body {
    background: #000;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
}



.js__popup {
}

.js__p_start {
}

.js__p_close {
}

.js__p_body {
}

.js__slide_top {
    height: 0;
    overflow: hidden;
    top: 0;
}

.js__fadeout {
    height: 0;
    overflow: hidden;
    opacity: 0;
}


.popup2 {
    position: fixed;
    z-index: 50;
    top: 20px;
    left: 50%;
    width: 900px;
    height: 1000px;
    background: #fff;
    -moz-box-shadow: 4px 4px 30px #130507;
    -webkit-box-shadow: 4px 4px 30px #130507;
    box-shadow: 4px 4px 30px #130507;
    -moz-transition: top 800ms;
    -o-transition: top 800ms;
    -webkit-transition: top 800ms;
    transition: top 800ms;
}

.p2_content {
    width: 100%;
    text-align: center;
    font-size: 23px;
    padding: 110px 0 0;
}

.p2_anch {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 80px 0 0 0;
    text-align: center;
    font-size: 18px;
}

    .p2_anch a {
        color: #000;
    }

        .p2_anch a:hover {
            text-decoration: none;
        }

.p2_anch_bottom {
    margin: 1500px 0 0 0;
    padding: 0 0 50px 0;
}

.p2_close {
    float: right;
    width: 15px;
    height: 14px;
    margin: 11px 10px 0 0;
    background: url(/Images/popup_close.png);
}

.p2_body {
    background: #000;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
}



.js2__popup {
}

.js2__p_start {

}

.js2__p_close {
}

.js2__p_body {
}

.js2__slide_top {
    height: 0;
    overflow: hidden;
    top: 0;
}

.js2__fadeout {
    height: 0;
    overflow: hidden;
    opacity: 0;
}


.p3_content {
    width: 100%;
    text-align: center;
    font-size: 23px;
    padding: 110px 0 0;
}

.p3_anch {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 80px 0 0 0;
    text-align: center;
    font-size: 18px;
}

    .p3_anch a {
        color: #000;
    }

        .p3_anch a:hover {
            text-decoration: none;
        }

.p3_anch_bottom {
    margin: 1500px 0 0 0;
    padding: 0 0 50px 0;
}

.p3_close {
    float: right;
    width: 15px;
    height: 14px;
    margin: 11px 10px 0 0;
    background: url(/Images/popup_close.png);
}

.p3_body {
    background: #000;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
}



.js3__popup {
}

.js3__p_start {
}

.js3__p_close {
}

.js3__p_body {
}

.js3__slide_top {
    height: 0;
    overflow: hidden;
    top: 0;
}

.js3__fadeout {
    height: 0;
    overflow: hidden;
    opacity: 0;
}



.lightbox {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    min-height: 180px;
    min-width: 500px;
}

#showUrgent {
    overflow-y: scroll;
    height: 600px;
    text-align: left;
}

/*tool-tip*/
a.custom-tooltip {
    outline: none;
}

    a.custom-tooltip strong {
        line-height: 30px;
    }

    a.custom-tooltip:hover {
        text-decoration: none;
    }

    a.custom-tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: 0px;
        margin-left: 28px;
        width: 300px;
        line-height: 16px;
    }

    a.custom-tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

/*CSS3 extras*/
a.custom-tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}
/********************************************/



/***********************************************/
/*tool-tip-big*/
a.custom-tooltip-big {outline:none; }
a.custom-tooltip-big strong {line-height:30px;}
a.custom-tooltip-big:hover {text-decoration:none;} 
a.custom-tooltip-big span {
    /*z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-80px;
    width:500px; line-height:16px;*/
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: 20px;
    margin-left: -65px;
    width: 500px;
    line-height: 16px;
}
a.custom-tooltip-big:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout-big {z-index:20;position:absolute;top:-14px;border:0;left:60px;}
    
a.custom-tooltip-big span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

/*tool-tip-lower*/
a.custom-tooltip-lower {outline:none; }
a.custom-tooltip-lower strong {line-height:30px;}
a.custom-tooltip-lower:hover {text-decoration:none;} 
a.custom-tooltip-lower span {
    /*z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-80px;
    width:350px; line-height:16px;*/
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: 60px;
    margin-left: -150px;
    width: 350px;
    line-height: 16px;
}
a.custom-tooltip-lower:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout-lower {z-index:20;position:absolute;top:-14px;border:0;left:60px;}
    
a.custom-tooltip-lower span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}


/*tool-tip-right*/
a.custom-tooltip-right {outline:none; }
a.custom-tooltip-right strong {line-height:30px;}
a.custom-tooltip-right:hover {text-decoration:none;} 
a.custom-tooltip-right span {
    /*z-index:10;display:none; padding:14px 20px;
    margin-top:70px; margin-left:-410px;
    width:430px; line-height:16px;*/
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: 60px;
    margin-left: -260px;
    width: 430px;
    line-height: 16px;
}
a.custom-tooltip-right:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout-right {z-index:20;position:absolute;top:-14px;border:0;left:370px;}
    
a.custom-tooltip-right span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

/*buttononoff*/
.onoffswitch {
    position: relative; width: 200px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #ACB3B3; border-radius: 6px;
}

.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "Company Events Only  ....";
    padding-left: 12px;
    background-color: #11A6EB; color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "ALL Events";
    padding-right: 12px;
    background-color: #EEEEEE; color: #646BF2;
    text-align: right;
}

.onoffswitch-switch {
    width: 16px; margin: 7px;
    background: #FFFFFF;
    border: 2px solid #ACB3B3; border-radius: 6px;
    position: absolute; top: 0; bottom: 0; right: 166px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

#tbl_steps tr
        {
            vertical-align:top;      
            text-align:left;      
        }
        .checked_value
        {
            color:Red;
            font-weight:bold
        }

#Divider1
{
    background-image:url(../../Images/Divider1.gif);
    background-repeat:no-repeat;
    background-size:100%;
    height:3px;
}

.title-table{
    background-color:#C90404;
    font-size:10pt;
    padding:8px;   
    color:#FFF;
}

.title-table2 {
    background-color: #1418dc;
    font-size: 10pt;
    padding: 8px;
    color: #FFF;
}

.title-table5 {
    background-color: #CCC;
    font-size: 10pt;
    padding: 8px;
    color: #000000;
}

/**************Use no more. Use .title1**************/
.title_color_1
{
    color:#C90404;
}

.background_color_1
{
    background:#C90404;
}


hr.title_color_1
{
    border:1px solid #c90404;
}

.div_title_color_1
{
    border-bottom:2px solid #c90404;
}

.title_color_2
{
    color:#CCCCCC;
}

.td_color_1
{
    background-color:#C90404;
}

.td_color_2
{
    background-color:#ebebeb;
}

.td_color_3
{
    background-color:#ebeaea;
}
th.td_color_3 {
    writing-mode: sideways-lr;
    height:108px;
}

.tr_color_1
{
    background-color:#ebebeb;
}

.tr_color_2
{
    background-color:#C90404;
}

.line_color_1
{
    color:#C90404;
    border-bottom: 1px solid;
}
.line_color_2
{
    color:#CCCCCC;
}
.a_color
{
    color:red;
    font-weight:bold
}
.b_color
{
    color:white;
    font-weight:bold
}
.background_color_1{
    background-color:#C90404;
}

.font_green
{
    color:green;
}

.font_title
{
    color:red;
}

.font_title2
{
    color:blue;
}

.background-tr-color1{
    background-color: red!important; 
}
.CalendarOfEvents_div_color1{
    border-radius:5px; -webkit-border-image: 5px; -moz-border-radius: 5px;text-align: center; height: 20px; width: 120px;float: left; padding: 5px; margin-left: 20px; border: 4px solid #c90404; font-weight: normal
}
.CalendarOfEvents_div_color2{
    border-radius:5px; -webkit-border-image: 5px; -moz-border-radius: 5px;text-align: center; height: 20px; width: 120px;float: left; padding: 5px; margin-left: 20px; border: 4px solid #ccddae; font-weight: normal
}
.CalendarOfEvents_div_color3{
    border-radius:5px; -webkit-border-image: 5px; -moz-border-radius: 5px;text-align: center; height: 20px; width: 120px;float: left; padding: 5px; margin-left: 20px; border: 4px solid #69a1db; font-weight: normal
}
.CalendarOfEvents_div_color4{
    border-radius:5px; -webkit-border-image: 5px; -moz-border-radius: 5px;text-align: center; height: 20px; width: 120px;float: left; padding: 5px; margin-left: 20px; border: 4px solid #eb7f22; font-weight: normal
}

.bullet_arrow_7{
    background-image: url(../../Images/Ico/bullet-arrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 7px;
}

.bullet_arrow_10{
    background-image: url(../../Images/Ico/bullet-arrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px;
}

/*************** GLOBAL STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.poweredBy {
	display: block;
	padding: 2px;
}

#search_header {
	width: 990px;
    border-bottom:1px solid #EEE;
    height:36px;
}

#container div#footer div.bottom_corners { background: url(../../Images/content_bottom_corners.gif) bottom no-repeat; height: 7px;}

/*** Global anchor styles ***/

a {color:#000; text-decoration: none;}

a:hover {text-decoration: underline;}
a.ProjDetail:visited {color:#C90404;}

a img {border: none;}



/*** Global list styles ***/

/*ul { padding: 0; margin: 0;}*/
.PreviewImag  ul { padding: 0; margin: 0;}

/*ul li { list-style-type: none;}*/

/*** Global heading styles ***/

h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0px;}

h1 { font-size: 18px; font-weight: normal; }

h1 a { color: #C90404;}

h2, h3 {font-size: 18px; padding-bottom: 4px; color: #C90404;}

h2 a { color: #c90404;}

h2 a:hover, h3 a:hover {color: #C90404;}

h4 {}

h4 a {}

/*** Global box styles ***/

.box .box_title { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
}

/*************** HEADER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.header_image2 {
    background-image: url(https://opus.virtualbx.com/Images/BXHeader/Constructions/vbx-construction-opp.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 57px;
}


.header_image{
  background-image:url(../../Images/BXHeader/Constructions/vbx-construction-opp.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;
  
}

.header_image_select_project{
  background-image:url(../../Images/BXHeader/MailBox/vbx-project.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;  
}

.header_image_send_as{
  background-image:url(../../Images/BXHeader/MailBox/vbx-send-as.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;
}

.header_image_send_to{
  background-image:url(../../Images/BXHeader/MailBox/vbx-send-to.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;
}

.header_image_mailbox_create{
  background-image:url(../../Images/BXHeader/MailBox/vbx-mailbox-create.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;  
}

.header_image_mailbox{
  background-image:url(../../Images/BXHeader/MailBox/vbx-mailbox-create.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;  
}


.header_image.registration{
  background-image:url(../../Images/BXHeader/Register/vbx-register.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;
  
}

.header_image_events{
  background-image:url(../../Images/BXHeader/Events/vbx-create-event.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;
}

.header_image_manager_document{
  background-image:url(../../Images/BXHeader/Manager/vbx-document.png);
  background-repeat: no-repeat;
  background-size:100%;
  padding: 57px;
}

/*** Static pages navigation ***/

.box_pages { /*** static pages list holder ***/ 
	border: 2px solid #000; 
	padding: 6px; 
	background: #42464A url(/Images/pages_bg.gif) bottom repeat-x;
}

.box_pages li { /*** static pages list ***/
	display: inline;
}

.box_pages a {padding: 5px 6px;}

.box_pages a:link, .box_pages a:visited {
	color: #fff;
	text-decoration: none;
}

.box_pages a:hover {
	color: #000;
	background-color: #B7B8B8;
	text-decoration: none;
}

/*** Search box ***/

.search { 
	padding: 5px 15px; 
	background: #eee url(../../Images/t2_search_bg.gif) top left no-repeat;
	text-align: right;
	margin-top: 5px;
}


/* Hides from IE5-mac \*/
* html .search {padding: 4px 15px;}
/* End hide from IE5-mac */

*:first-child+html .search {padding: 4px 15px;} /* IE 7 hack */

.search a {color: #C90404;}

.search button {
	width: 50px;
	height: 20px;
	line-height: 20px;
	margin-left: 6px;
	border: none;
	font-size: 12px;
	font-weight: normal;
	color: #fff; 
	background: url(../../Images/search_button.gif) no-repeat;
}

.box_search {
}

.box_search .short {
	border-bottom: 1px solid #DDD;
	background: none;
}

/*************** LEFT COLUMN STYLES ********************************************************************************************************************/
/******************************************************************************************************************************************************/

#box_left_holder { padding: 6px;}

#dynamic_box_left div.box {margin-bottom: 12px;}



#dynamic_box_left div.box_title { 
	background: #A5A5A5; 
	color:#FFFFFF; 
	padding: 4px 2px 3px 3px;
	margin-bottom: 4px;
	border-bottom: 1px solid  #CCCCCC;
}

#dynamic_box_left div.box_body {border-bottom: 4px solid #A5A5A5;}

/*** Section box (navigation list) ***/

#box_sections div.box_body { border-bottom: none; margin-bottom: 30px;}

#box_sections li { 
	background-color: #F1F1F1; 
	border-bottom: 1px solid #fff; 
	padding: 1px 0px; 
	font-variant: small-caps;
}

#box_sections li ul li { 
	border-bottom: none; 
	font-variant: normal; 
	font-size: 11px;
	padding-left: 6px;
}

#box_sections li a { 
	color: #8B8B8B; 
	display: block; 
	padding: 4px;
}

#box_sections li a:hover { 
	color: #FFF; 
	background-color: #A5A5A5; 
	text-decoration: none; 
}

#box_sections li ul li a:hover {
	color: #000000; 
	background: none; 
	text-decoration: underline; 
}

/*************** VBX LEFT COLUMN STYLES *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#vbx_left_holder {/*stilovi za desnu kolonu, padinzi, margine...*/}

/*** Boxes ***/

#dynamic_vbx_left div#vbx_left_holder { padding: 6px 6px 5px 12px;}

#dynamic_vbx_left .vbx div.vbx_title {
	background: url(../../Images/box_left_head_left.gif) top left no-repeat;
	color: #FFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	padding: 6px;
	border-bottom: 4px solid #C90404;
}

#dynamic_vbx_left .vbx_tabs div.vbx_title {padding: 6px 4px 0px 4px;}

#dynamic_vbx_left .vbx .vbx_title_holder {
	background: url(../../Images/box_left_head_right.gif) top right no-repeat;
}

/* Hides from IE5-mac \*/
* html #dynamic_vbx_left .vbx .vbx_title_holder { height: 1%;}
/* End hide from IE5-mac */


#dynamic_vbx_left .vbx {
	background: #FFFFFF url(../../Images/box_left_body_right.gif) bottom right no-repeat;
	margin-bottom: 6px;
}

#dynamic_vbx_left .vbx .vbx_body {
	background:url(/Images/box_left_body_left.gif) bottom left no-repeat;
}

#dynamic_vbx_left .vbx .vbx_body div.vbx_content {padding: 6px 12px 12px 12px; }

/* Hides from IE5-mac \*/
* html #dynamic_vbx_left .vbx .vbx_body { height: 1%;}
/* End hide from IE5-mac */

/*************** CONTENT STYLES ************************************************************************************************************************/
/******************************************************************************************************************************************************/

#box_center_holder_home { padding: 0px 0px 0px 6px;}

#box_center_holder {padding: 0px 12px; margin-top: 6px;}

#vbx_center_holder {padding: 6px 6px; margin-top: 6px;}

#box_center_holder h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #172973;
	padding-bottom: 4px;
	margin-bottom: 12px;
	border-bottom: 3px solid #EEEEEE;
}

#box_center_holder div.category_headline { width: 100%; overflow: hidden;}

#box_center_holder div.category_headline h2 a { color: #C90404; font-size: 24px; font-weight: normal;}

#box_center_holder div.category_headline div.image { float: left; padding: 6px; margin: 0px 6px 6px 6px; background-color: #eeeeee; border: none;}

#box_center_holder div.category_headline div.summary {}

#DivNotes ul{margin-left:14px;}
/*#DivScope ul{margin-left:14px;}*/

div.article_link {display: inline; padding-left: 4px;}

div.article_link a {color: #C90404;}

div.box_body div.image { 
	padding: 2px; 
	float: left;
	margin: 2px 4px 2px 2px;
	border: 1px solid #CCCCCC;
	background: #FFF;
}

.main_news_box_row .box_body .short {
	background: none;
	border-bottom: none;
}

.short_holder { width: 100%; overflow: hidden;}

.short { /*** Global summary styles ***/
	margin-bottom: 5px;
	padding: 10px; 
	border-bottom: 5px solid #ddd;
	background: #eee;
}



/*** Article summaries heights ***/
#latest_news div.short{height:185px; margin: 0px 5px 5px 0px;}


/*** Main news styles ***/
#category_news_box div.box_title { margin-bottom: 6px;}

/*** Category links ***/
#category_news_box div.box_title h4, #category_news_box div.box_title h4 a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px; 
	color: #172973;
	border-bottom: 1px solid #eee;
	padding: 12px 0px 4px 3px;
	margin-bottom: 5px;
	margin-top: 5px;
}
/*** Subcategory links ***/
#category_news_box div.box_title span { color: #000; font-size: 11px; padding: 0px 1px; }

#category_news_box div.box_title span a { color: #C90404;}

#category_news_box div.box_title span a:hover { color: #000;}

#category_news_box div.box_body ul { padding: 0px 6px;}

#category_news_box div.box_body ul li {
	border-bottom: 1px solid #eee; 
	padding: 1px 0px;
}

#category_news_box div.box_body ul li a {
	display: block; 
	padding: 2px 2px 2px 14px; 
	background: url(/Images/Ico/bullet-arrow.gif) 6px 6px no-repeat;
}

/*** Category page ***/

#category_holder div.subcategory_list div.box_body { padding: 6px;}

#category_holder div.short { margin-bottom: 12px; background: none; border-bottom: 1px solid #DDD; padding-bottom: 12px;}

/*** Article styles ***/

.box_breadcrumb { padding: 6px 0px; color: #666666; /*border-bottom: 1px solid #EEEEEE;*/ width:90%;float:left;}

.box_breadcrumb a {color: #C90404; padding-left: 8px; padding-right: 8px;}

#article_holder h1 { font-size: 24px; color: #C90404; padding: 8px 0px 4px 0px; margin-bottom: 2px; border-bottom: 3px solid #EEEEEE;}

#article_holder div.article_metadata { padding: 0px 0px 18px 0px; margin-bottom: 4px; border-bottom: 1px solid #EEEEEE;}

#article_holder div.article_metadata span.metadata_time { font-size: 10px; color: #666666; float: right;}

#article_holder div.font_size { font-size: 11px; text-align: right; margin-bottom: 12px;}

#article_holder div.font_size img { vertical-align: bottom; padding-left: 3px;}

#article_holder div.image {
	float: left; 
	padding: 4px; 
	margin-right: 6px; 
	border: 1px solid #cccccc;
}

#article_holder div.image span.image_caption { font-size: 11px; line-height:normal;}

#article_holder div#article_body { line-height: 1.6em; width: 100%; overflow: hidden; margin-bottom: 12px;}

#article_holder div#article_body h1, 
#article_holder div#article_body h2, 
#article_holder div#article_body h3, 
#article_holder div#article_body h4, 
#article_holder div#article_body h5, 
#article_holder div#article_body h6 { font-family: Arial, Helvetica, sans-serif;}

#article_holder div#article_body a { color: #002BB8;}

/*** Article social bookmarks ***/

#box_social_bookmarks { 
	color: #666666; 
	padding: 2px 6px; 
	margin: 6px 0px 12px 0px; 
	border-bottom: 1px solid #EEEEEE; 
	border-top: 1px solid #EEEEEE;
}

#box_social_bookmarks img { vertical-align: middle;}

/*** Article comments ***/

.comment_block h4 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color: #666666; 
	border-top: 1px solid #eeeeee; 
	border-bottom: 1px solid #eeeeee; 
	background-color: #f4f4f4;
	padding: 6px;
	margin: 6px 0px;
}

.comment_block h4 img.comment_feed { float:right;}

.comment_block h4 span.no_comments {display:block; font-size:12px; font-weight:normal;}

#comment_list { margin: 15px 8px;}

#comment_list div.comment_holder { margin-bottom: 20px;} 

#comment_list div.comment_header { padding-bottom: 6px;}

#comment_list div.comment_header { font-size: 11px;}

#comment_list div.comment_header a { color: #C90404; font-weight: bold;}

#comment_list div.comment_body_holder {padding: 6px; border-bottom: 1px solid #EBEBEB; background-color: #F8F8F8;}

#comment_list div.comment_body {width: 100%; overflow: hidden; }

#comment_list div.comment_body img { float: left;}

#comment_list div.comment_body div.comment_text { color: #666666; margin-left: 50px; padding: 0px 12px 10px 10px;}

#comment_list div.comment_report, #comment_list div.comment_rate { float: right;}

#comment_list div.comment_rate { padding-right: 6px;}

.comment_rate div.result {
	float: left; 
	border: 1px solid #ebebeb; 
	background-color: #ffffff; 
	padding: 0px 4px; 
	color: #555555; 
	font-weight: bold;
}

.result span.error {font-weight: normal; font-size: 11px; color: #C90404;}

div#comment_dump {
	font-size: 14px; 
	color: #172973; 
	background-color: #F8F8F8; 
	border: 1px solid #EBEBEB; 
	padding: 6px; 
}

div#comment_dump span.error {color: #C90404;}

/*** Pagination ***/

#box_pagination { padding: 6px; margin: 6px 0px; background: #eeeeee; color: #666666;}

#box_pagination span.pagination { float:right; font-weight: bold;}

#box_pagination span.pagination a { font-weight: normal; color: #C90404;}

#box_pagination span.pagination_total {color: #C90404;}

/*** Archive calendar ***/

#box_calendar table caption { 
	font-weight: bold; 
	background-color: #eeeeee;
	border-bottom: 1px solid #cccccc; 
	padding: 6px 0px;
	margin-bottom: 6px;
}

#box_calendar table caption a {color: #C90404;}

#box_calendar table caption span { cursor: pointer; padding: 0px 4px;}

#box_calendar table td { background-color: #F1F1F1; padding: 1px 2px;}

/*************** RIGHT COLUMN STYLES *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#box_right_holder {/*stilovi za desnu kolonu, padinzi, margine...*/}

/*** Boxes ***/

#dynamic_box_right div#box_right_holder { padding: 6px 5px 6px 0px;}

#dynamic_box_right .box div.box_title {
	background: url(/Images/box_right_head_left.gif) top left no-repeat;
	color: #FFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	padding: 6px;
	border-bottom: 4px solid #C90404;
}

#dynamic_box_right .box_tabs div.box_title {padding: 6px 6px 0px 6px;}

#dynamic_box_right .box .box_title_holder {
	background: url(../../Images/box_right_head_right.gif) top right no-repeat;
}

/* Hides from IE5-mac \*/
* html #dynamic_box_right .box .box_title_holder { height: 1%;}
/* End hide from IE5-mac */


#dynamic_box_right .box {
	background: #FFFFFF url(../../Images/box_right_body_right.gif) bottom right no-repeat;
	margin-bottom: 6px;
}

#dynamic_box_right .box .box_body {
	background:url(../../Images/box_right_body_left.gif) bottom left no-repeat;
}

#dynamic_box_right .box .box_body div.box_content {padding: 6px 12px 12px 12px; }

/* Hides from IE5-mac \*/
* html #dynamic_box_right .box .box_body { height: 1%;}
/* End hide from IE5-mac */

/*************** VBX CENTER COLUMN BIDDERS LIST AND DOCUMENTS TABS STYLES *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#vbx_center_holder {/*stilovi za desnu kolonu, padinzi, margine...*/}

/*** Boxes ***/

#dynamic_vbx_center div#vbx_center_holder { padding: 6px 5px 6px 0px;}

#dynamic_vbx_center .vbx div.vbx_title {
	background: url(../../Images/box_right_head_left.gif) top left no-repeat;
	color: #FFF;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	padding: 6px;
	border-bottom: 4px solid #C90404;
}

#dynamic_vbx_center .vbx_tabs div.vbx_title {padding: 6px 4px 0px 4px;}

#dynamic_vbx_center .vbx .vbx_title_holder {
	background: url(../../Images/box_right_head_right.gif) top right no-repeat;
}

/* Hides from IE5-mac \*/
* html #dynamic_vbx_center .vbx .vbx_title_holder { height: 1%;}
/* End hide from IE5-mac */


#dynamic_vbx_center .vbx {
	background: #FFFFFF url(../../Images/box_right_body_right.gif) bottom right no-repeat;
	margin-bottom: 6px;
}

#dynamic_vbx_center .vbx .vbx_body {
	background:url(../../Images/box_right_body_left.gif) bottom left no-repeat;
}

#dynamic_vbx_center .vbx .vbx_body div.vbx_content {padding: 6px 12px 12px 12px; }

/* Hides from IE5-mac \*/
* html #dynamic_vbx_center .vbx .vbx_body { height: 1%;}
/* End hide from IE5-mac */



/********** Lists ***************/

#dynamic_box_right div.box_body ul li {
	border-bottom: 1px solid #eee; 
	padding: 1px 0px;
}

#dynamic_box_right div.box_body ul li a {
	display: block; 
	padding: 4px 4px 4px 14px; 
	background: url(../../Images/Ico/bullet-arrow.gif) 4px 8px no-repeat;
}

#dynamic_box_right div.box_body ul li a:hover {background-color: #EEE;}

/*** Tabs ***/

.tabs {
	font-size:11px;
	line-height:normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
}
ul.tabs{
	margin:0;
	padding:3px 0 3px 0px;
	list-style:none;
}
.tabs li {
	display:inline;
	margin:0;
	padding:0;
}
	  
.tabs a {
	margin: 0px 1px 0px 0px;
	padding:4px 0 4px 4px;
	text-decoration:none;
}

*:first-child+html .tabs a {padding:0 0 0 4px;} /* IE 7 hack */

/* Hides from IE5-mac \*/
* html .tabs a {padding:0 0 0 4px;}
/* End hide from IE5-mac */

.tabs a span {
	padding:4px 8px 4px 4px;
	color:#EEE;
}

.tabs a:hover {text-decoration: none;}

.tabs a:hover span {color: #FFF;}

.tabs a.active {background: url(../../Images/tabs_left.gif) no-repeat left top;}

.tabs a.active span {
	color: #FFF;
	background: url(../../Images/tabs_right.gif) no-repeat right top;
    background-color:#C90404;
}

/*** Login Box ***/
.edit_info {border-top: 1px solid #EEEEEE; padding-top: 4px; margin-top: 4px;}

.edit_info a, .fp_link a {color: #C90404;}

.fp_link {
	border-top:1px solid #EEEEEE;
	margin-top:4px;
	padding-top:4px;
	text-align:center;
}

.fp_info { font-size: 11px; color: #A5A5A5; margin-bottom: 6px;}

/*** Latest comments box ***/

div#latest_comments div.single_comment img { float: left; margin: 2px 6px 2px 4px;}

div#latest_comments div.single_comment {display: block; width: 100%; overflow: hidden; padding-bottom: 4px; margin-bottom: 6px; border-bottom: 1px solid #eee;}

div#latest_comments div.single_comment div.comment_header { font-size: 11px; color: #666666;}

div#latest_comments div.single_comment div.comment_header a {color: #C90404;}

div#latest_comments div.single_comment div.comment_body { padding-top: 2px; font-size: 11px;}

/*** Featured author box ***/

div#box_users div.box_body img { float: left; margin: 2px 6px 2px 4px;}

div#box_users div.box_body a { display: block; padding-bottom: 6px; color: #C90404;}

div#box_users div.box_content { width: 90%; overflow: hidden;}

/*** Tag cloud box ***/

div#box_tags a:hover, div#box_tags .view_all a {color: #C90404;}

div#box_tags .view_all {text-align:right; border-top: 1px solid #EEEEEE; padding-top: 4px; margin-top: 4px;}

/*** Article page tag box ***/

#article_tags div.article_tags {}

#article_tags div.article_my_tags { padding-top: 6px; margin-top: 6px; border-top: 1px solid #eeeeee;}

#article_tags div.article_add_tag { padding-top: 6px; text-align: center;}

/*** Article Tools box ***/

#dynamic_box_right div#box_article_tools { margin-bottom: 36px;}

#dynamic_box_right div#box_article_tools ul { font-size: 11px;}

#dynamic_box_right div#box_article_tools ul li img { vertical-align: bottom;}

#dynamic_box_right div#box_article_tools ul li a {padding: 0px 4px 2px 4px; background: none; color: #666666;}

#dynamic_box_right div#box_article_tools ul li a:hover {background: none; text-decoration: none; color: #C90404;}

/*** Email friend box ***/

#send_article { padding: 6px; border: 1px solid #eee; }

/*** Article vote box ***/

#stars { padding: 2px; width: 150px; overflow: hidden;}

.article_rating { 
	color: #CECECE; 
	font-weight: bold; 
	font-size: 14px;
	padding-top: 10px; 
	padding-right: 18px; 
	float: right; 
}

div.standard_star { cursor: pointer;}

/*** Attachments box ***/
#dynamic_box_right div.content_attachment {padding: 4px 0px; width: 100%; overflow: hidden;}

#dynamic_box_right div.content_attachment img { vertical-align: bottom; float: left; padding-right: 4px;}

#dynamic_box_right div.content_attachment a { width:206px; overflow:hidden; float:left;}

/*************** FOOTER STYLES *************************************************************************************************************************/
/******************************************************************************************************************************************************/

.footer { 
	text-align: center; 
	padding: 5px 0px;
	margin: 0px;
	color: #FFF;  
}

.footer a { color: #FFF;}

.static_footer { background: url(../../Images/BXHeader/Foot/footer.png) bottom left no-repeat; padding: 5px 0px 5px 0px; margin-bottom: 10px;}

.footer div.corner_bottom {background: url(../../Images/footer_bottom.gif) no-repeat left bottom; height: 8px;}

/*** First level categories in footer ***/

.footer ul { text-transform: uppercase; background: #EEE; border-bottom: 2px solid #C90404; padding: 6px 0px 6px 0px; margin: 0px 5px;}

.footer li {display: inline; padding: 0px 3px;}

.footer li a { color:#999;}

.ads {
	text-align: center;
}

.top_menu {
	background: url(../../Images/t2_top_menu_bg.GIF) bottom left no-repeat;
	color: #333;
	padding: 13px 30px 7px;
	text-align: right;
}

.top_menu a {
	color: #333;
}

.top_menu a:hover {
	color: #666;
}

.box .form_line h4 {
	background: #FFF;
	border-bottom: 1px solid #c90404;
}

#projinfo td {
    border-bottom: 2px solid #cccccc;
    height: 20px;
    vertical-align: top;
    padding: 3px;
}

.validation-summary-errors
{
    color:Red;
    font-size:14pt; /*12px*/
    font-weight:bold;
}

.uberSearchTable
{
    border:1;
    padding:4px;
    text-decoration:none;
}

.background
{
    background-color:#ebebeb;
}


/*demo_pro*/
#left_nav,
#body {
    float:left;
    margin:10px; }
.collapsible,
.page_collapsible,
.accordion {
    margin: 0;
    padding:12px;
    height:10px;
    border-top:#f0f0f0 1px solid;
    background:#e7e7e7;
    background:url(../../Images/open_project_background.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    font-size:1em; }

.page_collapsible2,.collapsible2 {
    margin: 0;
    padding:12px;
    height:10px;
    border-top:#f0f0f0 1px solid;
    background:#e7e7e7;
    background:url(../../Images/open_project_background.png) no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    font-size:1em; 
    /*background:url() !important;*/

}
.collapse-open2 {
    background:#e7e7e7;
    background:url(../../Images/open_project_background.png) no-repeat;
    color: #C90404; 
    background-color: #E7E7E7;
}
.accordion-open,
.collapse-open {
    background:#e7e7e7;
    background:url(../../Images/open_project_background.png) no-repeat;
    color: #C90404; 
    background-color: #E7E7E7;
}
.accordion-open span,
.collapse-open span {
    display:block;
    float:right;
    padding:10px; }
.accordion-open span,
.collapse-open span {
    background:url(../../Images/minus.png) center center no-repeat; }
.accordion-close span,
.collapse-close span {
    display:block;
    float:right;
    background:url(../../Images/plus.png) center center no-repeat;
    padding:10px; }
div.container {
    padding:0;
    margin:0; }
div.container2 {
    padding: 0;
    margin: 0;
    text-align: left;
}
div.content {
    background:#ffffff;
    margin: 0;
    padding:10px;
    font-size:.9em;
    line-height:1.5em;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
div.content ul, div.content p {
    padding:0;
    margin:0;
    padding:3px; }
div.content ul li {
    list-style-position:inside;
    line-height:25px; }
div.content ul li a {
    color:#555555; }
code {
    overflow:auto; }

/*Calendar*/
.fc-header td {
	white-space: nowrap;
    background-color: #c90404;
	}

/*_Layout*/
.ui-dialog { background-color: #eee; border: 1px solid gray; }
        #dialog-form-login label, #dialog-form-login input { display:block; }
        #dialog-form-login input.text { margin-bottom:12px; width:95%; padding: .4em; }
        #dialog-form-loginfieldset { padding:0; border:0; margin-top:25px; }
        #dialog-form-login .ui-dialog #dialog-form-login .ui-state-error { padding: .3em; }
        #dialog-form-login .validateTips { border: 1px solid transparent; padding: 0.3em; }
       .lightbox 
       {
            background-color: white;
            border-radius:15px;
            display: none;
   
      }
     .contents
     {
         border-radius:15px;
     }


     /*dhtml_menu*/

    .menu, .menu ul { /* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

.menu{ padding-left:20px;}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	      /* move all main list items into one row, by floating them */
	position: relative;	  /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		      /* thus we need to apply explicit z-index here... */
	list-style: none;
}

.menu li:hover {
	z-index: 10000;	      /* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;  /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							 see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;		 /* items of the nested menus are kept on separate lines */
	position:relative !important;
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	       /* while hidden, always keep them at the top left corner, */
	top: 0;		       /* to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	            /* 1st level go below their parent item */
}

.menu li li:hover>ul {	    /* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {/* IE7 float clear: */min-height: 0;}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(../img/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: 0 0 0 -10px;
}
/* -- sticky.submenu.END -- */



/************************************************************************************/
/*************************** DHTML_menu styles **************************************/
#mainNav {
    background: #FFF url(../../Images/t2_menu_bg.gif) bottom repeat-x;
	/*border: 2px solid #000000;*/
}

.menu ul {
	font-size:100%;
}

.menu ul li {
    margin:0;
    float:none;
    border:none;
  }
.menu ul li ul {
	font-size:100%;
}

.menu ul {
	width: 15em;
	margin:0; 
	padding:0;
}

.menu li:hover {
	background:#B7B8B8;
}

/* Link styles */
.menu li a{
	display:block;
	height:30px;
	line-height:30px;
	padding:0 12px;
}

.menu li a:link,
.menu li a:visited,
.menu li a:hover {
	color: #333;
    font-weight:normal;
    text-decoration:none;
}

.menu li a:hover {
	background:#B7B8B8;
	color: #000000;
}

.menu ul li {
	background:#B7B8B8;
}

.menu ul li:hover {
	background:#B7B8B8;
}

.menu ul li a:link,
.menu ul li a:visited,
.menu ul li a:hover {
	text-decoration: none;
	display: block;
	float:none;
	position: relative;
	border:none;
	height:auto;
	line-height:100%;
	padding:4px;
	background:transparent;
	border-bottom:1px solid #bfbfbf;
	color: #000000;
}

.menu ul li a:hover {
	background: #eeeeee;
	color: #C90404;
}

.menu ul li ul li a:link,
.menu ul li ul li a:visited,
.menu ul li ul li a:hover {
	background:#EEEEEE;
}

.menu li ul li ul li a:hover {
	background: #eeeeee;
	color: #C90404;
}
  
.menu a:hover, .menu li:hover>a {}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	background:#333333;
	padding:0;
}
/********************************************************************************************/
/**************************** Internet Explorer only styles ********************************/

/* Hides from IE5-mac \*/
* html #mainNav a {float:left;}

* html .menu, * html .menu ul {zoom: 1;}

* html .menu li.adxmhover {z-index: 10000;}

* html .menu .adxmhoverUL {visibility: visible;}

* html .menu .adxmhoverUL {top: 100%; left: 0;}

* html .menu .adxmhoverUL .adxmhoverUL {top: 0; left: 100%;}

* html .menu ul a {zoom: 1;}

* html .menu ul li {display:inline !important;}

* html .menu ul li a:link,
* html .menu ul li a:visited,
* html .menu ul li a:hover {text-decoration: none; display:inline-block; display:block;}

* html #mainNav .menu li ul li {margin:0; padding:0;}

* html .menu li li {width:100%; margin:0; padding:0;}

* html #mainNav .menu ul li a:link,
* html #mainNav .menu ul li a:visited,
* html #mainNav .menu ul li a:hover {float:none;}

* html .menu ul ul {padding:0;}
/* End hide from IE5-mac */


/*Search/ResultLL*/
 #loading-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: 0.9;
        z-index: 100000;
    }

    #loading-message {
        position: fixed;
        width: 400px;
        height: 200px;
        line-height: 100px;
        background-color: #fff;
        text-align: center;
        font-size: 1.2em;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -50px;
        z-index: 100001;
    }



/*Layaut_default*/
body {
	margin: 0px 0px;
	padding: 0;
	border: 0;
	/*text-align: center;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    background: #EEE;
}

#container {
	width: 990px;
	margin: 0px auto;
	text-align: left;
    background-color: #fff;
}


#content { width: 990px; }

#dynamic_box_left {
	margin: 0;
	float: left;
}

#dynamic_box_center {
	float: left;
}

#dynamic_box_right {
	margin: 0;
	float: right;
}

#dynamic_vbx_left {
	margin: 0;
	float: left;
}

#dynamic_vbx_center {
	float: left;
}

#dynamic_vbx_right {
	margin: 0;
	float: right;
}

#dynamic_vbx_pop_up {
	margin: 0;
	float: right;
}

#content_footer {clear: both;}

#footer {clear: both;}

/*********deafault pop_up**********/
#layout_default div#dynamic_vbx_pop_up       {width: 510px;}

/*********deafault layout**********/
#layout_default div#dynamic_box_right        {width: 260px;}
#layout_default div#dynamic_box_left         {width: 160px;}
#layout_default div#dynamic_box_center       {width: 730px;}
#layout_default div#dynamic_vbx_center       {width: 730px;}

/********** one column *************/
#layout_one_column div#dynamic_box_right     {display:none;}
#layout_one_column div#dynamic_box_left      {display:none;}
#layout_one_column div#dynamic_box_center    {width: 990px;}
#layout_one_column div#dynamic_vbx_center    {width: 990px;}

/********** two column *************/
#layout_two_column div#dynamic_box_right     {width: 320px;}
#layout_two_column div#dynamic_box_left      {display:none;}
#layout_two_column div#dynamic_box_center    {width: 670px;}
#layout_two_column div#dynamic_vbx_center    {width: 670px;}

/********** vbx two column *************/
#layout_vbx_two_column div#dynamic_box_right      {display:none;}
#layout_vbx_two_column div#dynamic_box_left     {width: 160px;}
#layout_vbx_two_column div#dynamic_box_center    {width: 830px;}
#layout_vbx_two_column div#dynamic_vbx_center    {width: 830px;}
#layout_vbx_two_column div#dynamic_vbx_center2   {width: 990px;}

/************ three columns ***************/
#layout_three_columns div#dynamic_box_right  {width: 220px;}
#layout_three_columns div#dynamic_box_left   {width: 160px;}
#layout_three_columns div#dynamic_box_center {width: 610px;}
#layout_three_columns div#dynamic_vbx_center {width: 610px;}

/************ vbx three columns ***************/
#layout_vbx_three_columns div#dynamic_box_right  {width: 160px;}
#layout_vbx_three_columns div#dynamic_box_left   {width: 160px;}
#layout_vbx_three_columns div#dynamic_box_center {width: 670px;}
#layout_vbx_three_columns div#dynamic_vbx_center {width: 670px;}

/************ equal ***************/
#layout_equal div#dynamic_box_right   {width: 330px;}
#layout_equal div#dynamic_box_left    {width: 330px;}
#layout_equal div#dynamic_box_center  {width: 330px;}
#layout_equal div#dynamic_vbx_center  {width: 330px;}

/************ equal rights ***************/
#layout_equal_rights div#dynamic_box_right   {width: 260px;}
#layout_equal_rights div#dynamic_box_left    {width: 470px;}
#layout_equal_rights div#dynamic_vbx_left    {width: 470px;}
#layout_equal_rights div#dynamic_box_center  {width: 260px;}

/************ non equal ***************/
#layout_non_equal div#dynamic_box_right      {width: 320px;}
#layout_non_equal div#dynamic_box_left       {width: 250px;}
#layout_non_equal div#dynamic_box_center     {width: 250px;}
#layout_non_equal div#dynamic_vbx_center     {width: 420px;}

/************* CONTENT FEATURES *****************/
#content_features_left { float: left;}

#content_features_right { float: left;}

.features_equal_default { width: 100%; overflow: hidden;}

/*********** equal_default *********************/
.features_equal_default #content_features_left       {width: 726px;}
.features_equal_default #content_features_right      {width: 228px;}

/*********** equal *********************/
.features_equal #content_features_left       {width: 495px;}
.features_equal #content_features_right      {width: 495px;}

/*********** left *********************/
.features_left #content_features_left        {width: 680px;}
.features_left #content_features_right       {width: 310px;}

/*********** right *********************/
.features_right #content_features_left       {width: 310px;}
.features_right #content_features_right      {width: 680px;}

/*********** equal_three *********************/
.features_inside .content_features_col       {width: 223px; float: left;}

/*********** inside *********************/
.features_inside                              {width: 670px; overflow: hidden;}
.features_inside #content_features_left       {width: 335px;}
.features_inside #content_features_right      {width: 335px;}



/******************** LAYOUT BOXES********************/

#main_news_box {float: left;}

.main_news_box_row {width: 100%; overflow: hidden;}

.main_news_category { 
	float:left; 
	display: inline;
	width:355px; 
	margin: 0px 5px 0px 0px; /****styles****/
}

.category_news_category { 
	float:left; 
	display: inline;
	width:341px; 
	margin: 6px; /****styles****/
}

/******************** TOOLTIPS ********************/
.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}

.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }

.tooltip .xboxcontent {
	padding: 0 .5em;
	margin: 0;
	color: #000;
	text-shadow: 2px 2px 0px #CCC;
	word-wrap:break-word;
	border: 1px solid #333;
	border-width: 0px 1px 0 1px;
	background-color: #666;
	text-align: left;
}
#accessnotallowtothisregion
{
    background:white;
    width:50%;
    padding:20px;
    border-radius:10px;
    min-height:180px;
    min-width:400px;
}

#block
{
    background:white;
    width:50%;
    padding:20px;
    border-radius:10px;
    min-height:180px;
    min-width:400px;
}


.serviceLightbox
{
    background-color: white;
    border-radius:10px;
    padding:5%;
    min-height:180px;
    min-width:500px;
}

.placehrLine{
    border-bottom: 1px solid #000;
}

.collapseTable
{
    border-collapse:collapse;
    font-weight:bold;
    font-size:medium;
}

.ubercompanymaillogbutton
{
    background:red;
    color:white;
    font-weight:bold;
    font-size:large;
}

.composeNewMessage
{
    background-color: white;
    border-radius:10px;
    padding:5%;
    min-height:150px;
    min-width:300px;
}

.lightboxMessage
{
    background-color: white;
    border-radius:10px;
    padding:5%;
    min-height:180px;
    min-width:400px;
}

.strong{
    font-weight:bold;
}





.layoutTextarea *{
    vertical-align:top;
    
}

.labels
{
    font-weight:bold;
    color:white;
}

.searchOAEBIDForm
{
    width:100%;
    display:block;
    overflow:hidden;
    padding:6px;
}

.searchOAEBIDForm textarea
{
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.4;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width:60%;
    
}


/*forms*/
/* Styles for forms */

form { /******* Used for all forms in Vivvo *********/
	padding: 0px;
	margin: 0px;
}

input, select, textarea { }

select  {}

textarea  {border: 1px solid #7F9DB9;}

.form_line {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 100%;
	overflow: hidden; /* if used, needs to be hidden because of Opera */
}

*:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;}


input.text {border: 1px solid #7F9DB9;}

select.options { border: 1px solid #7F9DB9;}



input.submit_button, button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.formElement p { margin-top: 0;}

/***************** Box forms *******************/

#dynamic_box_right .form_line label {}

#dynamic_box_right .form_line div.submit { text-align: right;}

#dynamic_box_right .form_line div.submit a { float: left; padding-top: 3px; color: #C90404;}

/*************** CONTENT FORMS *******************************************************************************************************************/
/******************************************************************************************************************************************************/

#dynamic_box_center div.form_line label {
	text-align: right;
	padding: 3px 0px 3px 3px;
	display: block; 
	float: left;
	width: 30%;
	font-size: 12px;
	color: #666666;
}

#dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;}

#dynamic_box_center div.formElement label {
	padding: 0px;
	width: auto;
	text-align: left;
	float: none;
	display: block;
	font-weight: normal;
}

/***************** User registration form (ajax validations) *******************/

.tos_label {color:#666666;}

.tos_label a {color:#C90404;}

.tos_box {border: 1px solid #7F9DB9; padding: 6px; margin-top: 6px; width: 350px; height: 200px; overflow: scroll;}

.tos_box pre {padding:0; margin:0; font-family: Arial, Helvetica, sans-serif;}

#error_message {background:#FCD6D4; margin-bottom: 6px;}

#error_message p {margin: 2px 0px; padding: 4px; color: #555555;}

.validation {
	padding: 2px 0px 2px 18px; 
	font-size: 11px; 
	font-weight:bold;
}

.not_valid {background: url(/Images/validation_not_valid.gif) 0 0 no-repeat; color:#F3735D;}

.checking {background: url(/Images/validation_info.gif) 0 0 no-repeat; color:#6b99c5;}

.valid {background: url(/Images/validation_valid.gif) 0 0 no-repeat; color:#80CA73;}

#verificationProgress div.VP
{
    background-color:#C90404; 
    color:white; 
    text-align:center;
}

/*Uber Profile*/
#validEmail {
        margin-top: 4px;
        margin-left: 9px;
        position: absolute;
        width: 16px;
        height: 16px;
    }

.block-overlay {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #000;
        opacity: 0.5;
    }
 
.block-content {
          overflow: auto;
          position:fixed; 
          z-index:100; 
          top:10%; 
          left:25%;
          width:800px; 
          background:#fff;
            -moz-box-shadow:4px 4px 30px #130507;
            -webkit-box-shadow:4px 4px 30px #130507;
          box-shadow:4px 4px 30px #130507;
            -moz-transition:top 800ms;
            -o-transition:top 800ms;
            -webkit-transition:top 800ms;
          transition:top 800ms;
          border-radius:7px;
    }

.imgRefresh
{
    background-image: url("../../Images/reset.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    width: 19px;
    border:none;
}

.imgRefresh_white
{
    background-image: url("../../Images/reset-white.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    width: 19px;
    border:none;
}

.imgDocs_1
{
    background-image: url("../../Images/docs-1.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border:none;
}

.imgDocs_2
{
    background-image: url("../../Images/docs-2.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border:none;
}

.imgDocs_3
{
    background-image: url("../../Images/docs-3.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border:none;
}

.imgDocs_4
{
    background-image: url("../../Images/docs-4.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border:none;
}

.imgBlog_yes {
    background-image: url("../../Images/opus_article_icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border: none;
}

.imgSubBond_yes {
    background-image: url("../../Images/opus_sub_projects.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border: none;
}

.imgLinked {
    background-image: url("../../Images/opus_linked_icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 19px;
    width: 15px;
    border: none;
}

.imgDel
{
    background-image: url("../../Images/red-X.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    width: 19px;
    border:none;
}

.imgDel_white
{
    background-image: url("../../Images/white-x.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    width: 19px;
    border:none;
}

.imgDel_15
{
    background-image: url("../../Images/red-X.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    border:none;
    cursor:pointer;
}

.imgPlus_15
{
    background-image: url("../../Images/plus.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border:none;
}

.imgPencil_15
{
    background-image: url("../../Images/pencil-edit.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    border:none;
    cursor:pointer;
}

.imgMinus_15
{
    background-image: url("../../Images/minus.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border:none;
}

.imgMinus
{
    background-image: url("../../Images/minus.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border:none;
    padding:5px 5px 2px;
}

.imgPrintF
{
    background-image: url("../../Images/print_friendly.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px auto;
    border:none;
    width:30px;
    height:30px;
    padding: 16px 14px 0;
}

.imgEdit
{
    background-image: url("../../Images/edit_icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px auto;
    border:none;
    padding:5px 5px 5px;
}
.div_Label
{
    padding-top: 4px;
    padding-left:6px;
}

.plusAdd
{
    background-image: url("../../Images/green-plus-add.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    border:none;
}

.imgFavorite {
    background-image: url("../../Images/favorite.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
    height: 18px;
    width: 18px;
}

.imgOtherFavorite {
    background-image: url("../../Images/red-hard-hat2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    border: none;
}

.fRequired
{
    color:#ff0000;
}

table.AboutStyle
{
    /*background-color: #ffff00;*/
    border:0px;
}

div.imgSmallCompanyLog
{
    background-image:url(../../Images/VPrN.png);
    background-size: 120px auto;
    background-position: center center;
    background-repeat: no-repeat;
    height: 75px;
    padding-bottom: 2px;
    width: 100%;
}

div.companyBanner
{
    background-image:url(../../Images/Advertising/constructionnews.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height:84px;
}

.LoadingWait
{
    background-image:url(../../Images/LoadingWait.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border:0px;
    height: 40px;
    width: 40px;
}

 .capFirst 
    {
        text-transform:capitalize;
    }  


 /*Site.css*/

 @font-face {
            font-family: "Signika";
            font-style: normal;
            font-weight: normal;
            src: local('☺'), url( 'font/Signika/Signika-Regular.ttf') format('truetype');
            
}
 .contentText {
    height: 200px;
    overflow-y: auto;
}

#msg{
    font-family:Tahoma;
    font-size:11px;
    color:#000;
}

.border-red{
    border: 1px solid #C90404;
}

.bStyle {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, white 0%, gainsboro 100%) repeat scroll 0 0;
        border: 1px solid #cacaca;
        color: #333333 !important;
        padding: 5px;
        cursor:pointer;
}

.chk-in-list{
    width:16px;
    height:16px;
    margin-right:7px;
}

#Loading{
    font-family:Tahoma;
    font-size:11px;
}

#divLoading {
    position: absolute;
    width: 200px;        
    border: 1px solid #EEE;
    background: #FFF;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;
    box-shadow: 0 0 25px 5px #999;
    vertical-align: middle;
    padding: 15px;
        
} 

.divLoading{
    background: url('../../Images/loading16.gif') center right no-repeat;
    background-color:#fff;
}

.divToolbar{
  
  font-size: 12px;
  padding: 15px 15px 15px 0px;
  color: #000 !important;
  text-align: right;  
  font-family: Arial;
}

.btn-foot{
    height: 32px;
    text-align:center;
}



.input-edit{
    border: 1px solid #CCC;
    background-color: #FFF;
}

.tr-even{
    background-color:#FFF;
}
.tr-odd{
    background-color:#ebebeb;
} 

.title-bold{
    font-weight:bold;
}

.input-equally{
  display: block;
  font-size: 10pt;
  font-family: Tahoma;
  color: #000;
  border: 1px solid #ccc;
  padding: 1px 6px;
}

.TitleReport {
  font-size: x-large;
  color: #C90404;
  font-weight: bold;
  font-family: Arial;
}

.table-ABM>thead{
    font-size:1.1em;
    color:#000;
}

.table-form-abm{
    font-family:Arial !important;
    font-size:13px;
}

.title-column {
    font-weight:bold;
}

.form-input{
  font-size: 10pt;
  font-family: Tahoma;
  color: #000;
  border: 1px solid #ccc;
  padding: 1px 6px;
}

.popup-form{
  background-color: #fff;
  /*border-radius: 10px 10px 10px 10px;*/
  box-shadow: 0 0 25px 5px #999;
  color: #111;
  display: none;
  padding:0px 10px 10px 15px;
  padding-top:5px !important;
} 

.b-close{
    cursor:pointer;
    background: rgba(0, 0, 0, 0) url("../../Images/popup_close.png") repeat scroll 0 0;
    float: right;
    height: 14px;
    margin: 11px 10px 0 0;/*margin: 36px 10px 0 0;*/
    width: 15px;

}

.title-bpopup{
    float: left;
  font-size: x-large;
  color: #C90404;
  font-weight: bold;
  font-family: Arial;
}

.container-title{
  border-bottom: 2px solid #C90404;
  display: block;
  line-height: 32px;
  height: 32px;
}


.separator{
    border-bottom:1px solid #EEE;
}

a.button-link {
    color: #c90404;
    font-weight: bold;
    text-decoration:none;
}
a.button-link:hover {
    text-decoration:underline;
    
}

.text-red{
    color: red !important;
}
.text-blue{
    color:blue !important;
}

.text-total{
    font-weight:bold;
}

.text-title-table{
    font-size: x-large;
}

.link-blue-large{
    font-weight: bold;
    color: blue;
    font-size: large;
}

.vbx_title_holder {
  background: url(/Images/box_right_head_right.gif) top right no-repeat;
    background-color: #000;
    border-radius: 5px 5px 0px 0px;
}

.vbx_tabs div.vbx_title {
  padding: 6px 4px 0px 4px;
}
div.vbx_title {
  background: url(/Images/box_right_head_left.gif) top left no-repeat;
  color: #FFF;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  padding: 6px 4px 0px 4px;
  border-bottom: 4px solid #C90404;
}

.tabs a.active-tab {
  background:none !important;
}

.tabs a.active-tab span {
  color: #FFF;
  background-color: #C90404;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  /*padding: 4px 8px 10px 4px;*/ 
}
.input-box{
  /*display: block;*/
  width: 90px;
  font-size: 10pt;
  font-family: Tahoma;
  color: #000; 
  border: 1px solid #ccc;
  padding: 1px 6px;
}

.table-main{
    border-collapse: inherit !important;
}
.table-main>thead>tr>th{
    font-weight:bold;
    font-size:13px;
    text-align:center;
}
.table-main>tbody>tr>td{
    text-align: right;
    vertical-align: top;
    background-color: #EBEBEB;
}
.table-main>tfoot>tr>td{
    font-weight:bold;
    font-size:13px;
    text-align: right;
}
.msg-error{
    text-align: center !important;
    color: #C90404 !important;
    background-color: #FFFFFF !important;
    font-size: small !important;
    padding: 12px !important;
    font-weight: bold !important;
    border: 1px solid #F00 !important;
}
.title-view{
    color:#C90404;
    font-size:x-large;
    font-weight:bold;
    font-family:Arial;
}
.FormErrorFont
{
    color: #ff0000;
}

.td-border
{
    border:1px solid #c90404;
}


/*highlight*/
pre code {
  display: block; padding: 0.5em;
  color: #000;
  background: #fff;
}

pre .subst,
pre .title {
  font-weight: normal;
  color: #000;
}

pre .comment,
pre .template_comment,
pre .javadoc,
pre .diff .header {
  color: #808080;
  font-style: italic;
}

pre .annotation,
pre .decorator,
pre .preprocessor,
pre .doctype,
pre .pi,
pre .chunk,
pre .shebang,
pre .apache .cbracket {
  color: #808000;
}

pre .tag,
pre .pi {
}

pre .tag .title,
pre .id,
pre .attr_selector,
pre .pseudo,
pre .literal,
pre .keyword,
pre .hexcolor,
pre .css .function,
pre .ini .title,
pre .css .class,
pre .list .title,
pre .tex .command {
  font-weight: bold;
  color: #000080;
}

pre .attribute,
pre .rules .keyword,
pre .number,
pre .date,
pre .regexp,
pre .tex .special {
  font-weight: bold;
  color: #0000ff;
}

pre .number,
pre .regexp {
  font-weight: normal;
}

pre .string,
pre .value,
pre .filter .argument,
pre .css .function .params,
pre .apache .tag {
  color: #008000;
  font-weight: bold;
}

pre .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .char,
pre .tex .formula {
  color: #000;
  background: #d0eded;
  font-style: italic;
}

pre .phpdoc,
pre .yardoctag,
pre .javadoctag {
  text-decoration: underline;
}

pre .variable,
pre .envvar,
pre .apache .sqbracket,
pre .nginx .built_in {
  color: #660e7a;
}

pre .addition {
  background: #baeeba;
}

pre .deletion {
  background: #ffc8bd;
}

pre .diff .change {
  background: #bccff9;
}

#logoSBN
{
    background-image:url(../../Images/SBN/SB-Logo.png);
    background-repeat:no-repeat; 
    padding: 0px 80px 40px;       
}
.sbn-import
{
    background-image: url(../../Images/SBN/sbn-Import-v2.png);
    background-repeat: no-repeat;    
    padding: 10px;
    width: 90px;    
    background-size: 106px 36px;
    display: inline-block;
    cursor: pointer;
}
#PrimeDeskpad
{
    background-image:url(../../Images/PrimeDeskpad.png);
    background-repeat:no-repeat;
    background-size: 100% auto;
    padding: 1px 64px 50px;

}

.imgMyMailbox_45
{
    background-image:url(../../Images/mailbox2.png);
    background-repeat:no-repeat;
    background-size: 100% auto;
    padding: 46px 20px 20px;
}
.imgMyMailbox_30
{
    background-image:url(../../Images/mailbox2.png);
    background-repeat:no-repeat;
    background-size: 100% auto;
    padding: 14px 12px 20px;
}
.imgProjectsIcon
{
    background-image:url(../../Images/Projects_icon.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    padding: 10px 11px;
}
.imgQuickSearch
{
    background-image:url(../../Images/quick_search_icon.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    padding: 10px 11px;
}
.imgGreenMoney
{
    background-image:url(../../Images/green_money_button.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    padding: 10px 11px;
}

.imgRegions
{
    background-image:url(../../Images/Maps/vbx.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    
}
#rheader{
    background-color:#c90404;
    text-align:center;
    width:400px;
}

.imgFolder{
    background-image:url(../../Images/close_folder_background.png)
}
/**/
 .box{
        padding: 0px;
        margin-top: 0px;
        border: 0px solid #000;
    }
.bulkmail{ background: #ff0000; }
.bulkmailtotals{ background: #00ff00; }

.btn-grey{
	/*font-size: 0.95em;*/
	border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 4px !important;	
    border-top-left-radius: 4px !important;
    margin-right:1px !important;
    margin-left:1px !important;
	border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../../Images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x !important;
    font-weight: normal;
    color: #212121 !important;
    font-family: Verdana,Arial,sans-serif;
	text-decoration: none;
    display: inline-block;
    position: relative;
    /*padding: 0;
    line-height: normal;*/
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;	
    text-shadow:none !important;
}
.btn-grey:hover{
    background: #e6e6e6 url(../../Images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x !important;
    color:#212121 !important;
}

.icon-grey{
    background-image: url(../../Images/ui-icons_454545_256x240.png) !important;
}

.btn-grey:hover .icon-grey{
    background-image: url(../../Images/ui-icons_888888_256x240.png) !important;
}

.icon-grey-circle-arrow {
    background-position: -112px -192px !important;
}

.icon-grey-cancel {
    background-position: 0 -128px !important;
}

.icon-grey-trash {
    background-position: -176px -96px !important;
}

.icon-grey-plusthick {
    background-position: -32px -128px !important;
}

.background-table-email{
	background-color:#eeeeee;
}
.table-body-email{
	background-color:#FFFFFF;
}

#lblFrom, #lblTo {
    font-family: Arial;
    font-size: 11px;
    color: #F00;
    display: block;
}

.imgFavicon
{
    background-image: url("../../Images/favicon.ico");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    border:none;
    padding:5px 5px 5px;
}

.dataTableStyle tbody {
			text-align: left;
			font-size: 8pt;
		}


.border-toogle{
	border:1px solid #C90404;
	padding:8px;
	font-family:Arial;
	font-size:13pt;
	font-weight:bold;
}

.reg-toggle{
	color:#000 !important;
	text-decoration:none !important;	
}
.expand-sign{
	float:right;
}
.border-reg-content{
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
.white_content {
    display: none;
    position: fixed;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
    padding: 16px;
    /*border: 5px solid #C90404;*/
    background-color: white;
    z-index:1002;
    overflow: auto;
}

.border-black-content{
    background-color: #f0f0f0;
    border-width: 2px;
    border-color: Black;
    border-style: solid;
}

.logo-7zip{
    background-image: url(../../Images/Ico/7zip.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4px 12px 20px;
}

.staples-affiliate{
    background-image: url(../../Images/Ads/staples-affiliate.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4px 60px 175px;
}

.ico-abc-edit{
    background-image: url(../../Images/Ico/abc-edit.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    /*padding: 4px 12px 20px;*/
    padding: 10px 50px 20px;
}

.ico-abc{
    background-image: url(../../Images/Ico/abc.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 25px 32px 20px;
}

.ico-add-contact{
    background-image: url(../../Images/Ico/add-contact.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 30px 36px;
}

.ico-add-contact-company{
    background-image: url(../../Images/Ico/add-contact.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 10px 24px 30px;
}

.ico-add-contact-green{
    background-image: url(../../Images/Ico/add-contact-2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 10px 20px 10px;
}

.ico-address-book {
    background-image: url(../../Images/Ico/address-book.png);
    background-repeat: no-repeat;
    background-size: 80% auto;
    padding: 10px 18px 20px;
}

.ico-add-project {
    background-image: url(../../Images/Ico/add-project.png);
    background-repeat: no-repeat;
    background-size: 65% auto;
    padding: 10px 18px 20px;
}

.ico-arrow-down-green{
    background-image: url(../../Images/Ico/down-green.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 20px 12px 32px;
}

.ico-arrow-up-green{
    background-image: url(../../Images/Ico/up-green.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4px 12px 32px;
}

.ico-order-asc{
    background-image: url(../../Images/Ico/asc.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4px 10px 8px;
    background-position: 0px 10px;
}

.ico-order-desc{
    background-image: url(../../Images/Ico/desc.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4px 10px 8px;
    background-position: 0px 10px;
}

.ico-order-bg{
    background-image: url(../../Images/Ico/bg.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 8px 10px 8px;
    background-position: 0px 10px;
}

.ico-bidders{
    background-image: url(../../Images/Ico/bidders.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 8px 8px 8px;
}

.btn-add-cart{
    background-image: url(../../Images/Buttons/add-cart-red.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 8px 65px 4px;
}

.btn-cancel-order{
    background-image: url(../../Images/Buttons/cancel-order.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
        padding: 0px 60px 32px;
}

.btn-check-out{
    background-image: url(../../Images/Buttons/check-out.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
        padding: 0px 60px 32px;
}

.btn-check-out-charge{
    background-image: url(../../Images/Buttons/check-out-charge.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
        padding: 0px 60px 32px;
}

.ico-history{
    background-image: url(../../Images/Ico/history.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 4px 6px 8px;
}

.ico-bullet-arrow{
    background-image: url(../../Images/Ico/bullet-arrow.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 3px 6px;
}

.ico-draw{
    background-image: url(../../Images/Ico/draw.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 6px 6px;
}

.ico-call-out{
    background-image: url(../../Images/Ico/callout.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 5px 6px;
    position: absolute;
    left: -13px;
}

.ico-call-out-up{
    background-image: url(../../Images/Ico/callout-up.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 11px 6px;
    position: absolute;
    top: -11px;
    left: 60px;
}


.constructube{
    background-image: url(../../Images/Others/constructube-menu.png);
    background-repeat: no-repeat;
    background-size: 100% auto;    
    padding: 6px 48px 12px;
    position: relative;
    cursor: pointer;
}

.ico-cron{
    background-image: url(../../Images/Ico/cron.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 6px 6px;    
}

.ico-document-csv{
    background-image: url(../../Images/Ico/csv.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 16px 20px 20px;
}

.ico-upload-document-csv{
    background-image: url(../../Images/Ico/csv.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 25px 36px;
}

.ico-cloud-take{
    background-image: url(../../Images/Ico/cloud-take.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 0px 16px 16px;
}

.btn-classic-normal{
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
    color: #000;
    background-color: #eaeaea;
    padding: 3px;
    border: 1px solid #9b9b9b;
    text-decoration: none !important;
}

.btn-classic-normal:hover{
    text-decoration:none;
}



.loading-blue {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

.loading-blue-image {    
    top: 100px;    
    z-index: 100;
    background-image: url(../../Images/LoadingWait.gif);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    margin: 50px auto;
}


.grid-upload-projects{
    font-family:Arial;
    font-size:12px;
}

.grid-upload-projects thead th{
    font-weight:bold;
    padding: 5px;
}

.grid-upload-projects tbody td.gray{
    background-color:#EBEBEB;
}


.vprn-tooltip {
    position: relative;
    display: inline-block;
}

/*Top Tooltip w/ Bottom Arrow*/
.vprn-tooltip .vprn-tooltiptext-top {
    visibility: hidden;
    /*width: 120px;*/
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.vprn-tooltip .vprn-tooltiptext-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.vprn-tooltip:hover .vprn-tooltiptext-top {
    visibility: visible;
}

/*Bottom Tooltip w/ Top Arrow*/
.vprn-tooltip .vprn-tooltiptext-bottom {
    visibility: hidden;
    /*width: 120px;*/        
    border: 1px solid #DCA;
    background: #fffAF0;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.vprn-tooltip .vprn-tooltiptext-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #DCA transparent;
}

.vprn-tooltip:hover .vprn-tooltiptext-bottom {
    visibility: visible;
}

/**********************************************/
.vprn-tooltip .vprn-tooltiptext-bottom-left {
    visibility: hidden;
    /*width: 120px;*/        
    border: 1px solid #DCA;
    background: #fffAF0;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.vprn-tooltip .vprn-tooltiptext-bottom-left::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 5%;
    /*margin-left: -5px;*/
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #DCA transparent;
}

.vprn-tooltip:hover .vprn-tooltiptext-bottom-left {
    visibility: visible;
}

/*Right Tooltip w/ Left Arrow*/
.vprn-tooltip .vprn-tooltiptext-right {
    visibility: hidden;        
    border: 1px solid #DCA;
    background: #fffAF0;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.vprn-tooltip .vprn-tooltiptext-right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #DCA transparent transparent;
}
.vprn-tooltip:hover .vprn-tooltiptext-right {
    visibility: visible;
}
/***********************************/
.vprn-tooltip .vprn-tooltiptext-right-top {
    visibility: hidden;        
    border: 1px solid #DCA;
    background: #fffAF0;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.vprn-tooltip .vprn-tooltiptext-right-top::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    margin-top: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #DCA transparent transparent;
}
.vprn-tooltip:hover .vprn-tooltiptext-right-top {
    visibility: visible;
}

/*Left Tooltip w/ Right Arrow*/
.vprn-tooltip .vprn-tooltiptext-left {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}

.vprn-tooltip .vprn-tooltiptext-left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.vprn-tooltip:hover .vprn-tooltiptext-left {
    visibility: visible;
}
/************************************************************/
.vprn-tooltip .vprn-tooltiptext-bottom-center {
    visibility: hidden;
    /* width: 120px; */
    border: 1px solid #DCA;
    background: #fffAF0;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -135px;
    margin-top: 17px;
}

.vprn-tooltip .vprn-tooltiptext-bottom-center::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 45%;
    /* margin-left: -5px; */
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #DCA transparent;
}

.vprn-tooltip:hover .vprn-tooltiptext-bottom-center {
    visibility: visible;
}

.sign-more{
    background-image: url(../../Images/plus.gif);
    padding:5px;
    background-repeat:no-repeat;
}


.sign-short{
    background-image: url(../../Images/minus.png);
    padding:5px;
    background-repeat:no-repeat;
}

table.reportTable, table.reportTable th, table.reportTable td {
box-sizing: content-box;
}
table.reportTable {
    border-collapse: separate;
    border-spacing: 1px;
    clear: both;
    margin: 0 auto;
    width: 98%;
}

table.reportTable thead .sorting_desc {
    background-image: url("/Images/Ico/asc.gif");    
}
table.reportTable thead .sorting, table.reportTable thead .sorting_asc, table.reportTable thead .sorting_desc, table.reportTable thead .sorting_asc_disabled, table.reportTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
}

table.reportTable thead .sorting_asc {
    background-image: url("/Images/Ico/desc.gif");
}

td.mark{
    background-color:#ffc;
}

.divContentRegions ul {
        width: 310px;
        margin-bottom: 20px;
        margin-top: 5px;
        overflow: hidden;
    }

.divContentRegions li {
    line-height: 1.5em;
    float: left;
    display: inline;
}

.divContentRegions .two_columns li {
    width: 50%;
}

.tbl_PreBidMeeting td{    
    height: 20px;
    vertical-align: top;
}

.tbl_PreBidMeeting td.bottom-gray{
    border-bottom: 2px solid #cccccc;
    height: 20px;
    vertical-align: top;
}

.fieldsetvx{
    border:1px solid #CCC;
}

.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.70;
    filter: alpha(opacity=80);
}

.selectvx{
    padding:3px;
}

.inputvx{
    padding:3px;
}


.tbl_PreBidMeetings td{
        border-bottom: 2px solid #cccccc;
        height: 20px;
        vertical-align: top;
    }

 .validation-summary-errors2 {
        color: Red;
        font-weight: bold;
        font-size: 12px;
    }

 #divHeader {
		background-image: url("/Images/SBN/Logo-VBX-SBN.png");
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%px;
		background-color: #ebebeb;
		height: 86px;
		display: block;

	}


 #divContentSBNLogin {
     height:683px;
     display:none;
 }

 #divContentSBNLogin iframe {
	min-height: 600px;
	min-width: 938px;
 }

 #divContentSBNLogin .content {
	padding: 0;
 }

 #divSendAlert iframe {
     min-height: 650px;
     min-width: 990px;
 }
.divBorder{
    border: 1px solid rgb(204, 204, 204); 
    display: flex; 
    padding-top: 5px; 
    padding-bottom: 5px;
}
.regionRadio{
    cursor:pointer;
}
.regionRadio input{
    cursor:pointer;
}
.divCompaniesDuplicate{
    width:440px ;  
    height: 815px; 
    overflow-y: auto;
} 
.input-disabled{
    background-color: white;
    border: medium none;
    color: inherit;
}
.select-disabled{
    -moz-appearance: none;
    background-color: white;
    border: medium none;
    color: inherit;
}
.clasV{
    color:green;
}

.sorting_asc {
background-image: url("/Images/Ico/desc.gif");
background-position: right center;
background-repeat: no-repeat;
}
.sorting_desc {
    background-image: url("/Images/Ico/asc.gif");
    background-position: right center;
    background-repeat: no-repeat;
}

.star-original-member{
    width: 65px;    
    height: 65px;
    margin-left: 20px;
}
.star-calbx-1{
    background-image: url("/Images/Stars/CAOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-calbx-2{
    background-image: url("/Images/Stars/CAOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-calbx-3{
    background-image: url("/Images/Stars/CAOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-cam-1{
    background-image: url("/Images/Stars/MIOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-cam-2{
    background-image: url("/Images/Stars/MIOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-cam-3{
    background-image: url("/Images/Stars/MIOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-bxwi-1{
    background-image: url("/Images/Stars/BXWIOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-bxwi-2{
    background-image: url("/Images/Stars/BXWIOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-bxwi-3{
    background-image: url("/Images/Stars/BXWIOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-bceva-1{
    background-image: url("/Images/Stars/BCEVAOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-bceva-2{
    background-image: url("/Images/Stars/BCEVAOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-bceva-3{
    background-image: url("/Images/Stars/BCEVAOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-cr-1{
    background-image: url("/Images/Stars/NMOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-cr-2{
    background-image: url("/Images/Stars/NMOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-cr-3{
    background-image: url("/Images/Stars/NMOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-vbx-1{
    background-image: url("/Images/Stars/TXOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-vbx-2{
    background-image: url("/Images/Stars/TXOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-vbx-3{
    background-image: url("/Images/Stars/TXOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:65px 65px;
}
.star-tprak-1 {
    background-image: url("/Images/Stars/AKOriginalMember_Green.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65px 65px;
}

.star-tprak-2 {
    background-image: url("/Images/Stars/AKOriginalMember_Red.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65px 65px;
}

.star-tprak-3 {
    background-image: url("/Images/Stars/AKOriginalMember_Grey.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65px 65px;
}
.table_BX { 
    font:100%/1.45em Arial, sans-serif !important;
    color:#000;
    width:100%;
    border-width: 0px;
    border-color: #DCDCDC;
    border-collapse: collapse;      

}
.table_BX thead th { 
    color:#000;     
    padding: 8px;
    text-align:left;
    background-color:white;
    font-weight:bold; 
    border:0px;
}
.table_BX tfoot td {
    padding: 3px !important;
    border-top: 1px solid #111111;
    background-color:#DCDCDC;
}
.table_BX tfoot tr td:hover {
    padding: 3px !important;
    border-top: 1px solid #111111;
    background-color:#DCDCDC !important;
}
.table_BX tr { 
    background-color:#EBEBEB;
}
.table_BX td {
    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    padding: 5px;
    vertical-align: top !important;
}
.table_BX td:last-child {
    border-right: 1px solid #DCDCDC;
/*    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC; 
    padding: 5px; 
    vertical-align: top !important; */
}
.table_BX td.right { text-align:right; } 
.table_BX tbody tr.selected {
    background-color: #C90404; 
    color:#FFF; 
}
.table_BX tbody tr:nth-child(even) { background: #FFF !important; }
.table_BX tbody tr:nth-child(odd) { background: #FFF }
/*.table_BX tr:hover td { 
    background-color:#DCDCDC; 
    border-bottom: 1px solid #FFF !important;
    border-left: 1px solid #FFF !important;
}
    */
.table_BX tr:hover td:last-child {
    border-right: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC !important;
}
.table_BX tr:hover td:first-child {    
    border-left: 1px solid #DCDCDC !important;
}
/*
.table_BX tr:hover td { 
    background-color:#DCDCDC; 
    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
}
    */

.table_BX tbody tr.DTTT_selected td{
    background-color:#DCDCDC !important; 
    border-bottom: 1px solid #FFF !important;
    border-left: 1px solid #FFF !important;
    color : #000;
}
.table_BX tbody tr.DTTT_selected td.sorting_1{
    background-color:#DCDCDC !important; 
    border-bottom: 1px solid #FFF !important;
    border-left: 1px solid #DCDCDC;
    color : #000;
}
.table_BX tr.DTTT_selected td:last-child {
    border-right: 1px solid #DCDCDC;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF !important;
}
.table_BX tr.DTTT_selected td:first-child {    
    border-left: 1px solid #DCDCDC !important;
}

.detail-odd {
    background: #DCDCDC !important;
}
/*.table_BX tbody tr.color-bx td{ background: #C90404}*/
/*.table_BX tbody tr.color-bx+tr td{ background: #FFF  }*/

.table_BX tbody tr.color-bx { color: white; }
.table_BX tbody tr.color-bx td a{ color: white; }
.table_BX tbody tr.color-bx td a{ color: white; }
.table_BX tbody tr.color-bx td a div.div_img{
    background-image: url("/images/minus.gif");
    background-repeat: no-repeat;
    height: 23px;
    width: 18px;
    float:left;
}

.table_BX .detailcontents{
    border-width: 0px;
    border-collapse: collapse; 
}

.table_BX .detailcontents tr td{
    border:0px solid #FFF !important;
}
.table_BX .detailcontents tr td:last-child{
    border:0px solid #FFF !important;
}
.table_BX .detailcontents tr td:first-child {
    border:1px solid #FFF !important;
}
.table_BX .detailcontents tr:hover td{
    border:0px solid #FFF !important;
}
.table_BX .detailcontents tr:hover td:first-child {
    border:1px solid #FFF !important;
}
.table_BX .detailcontents table tbody tr.color-bx td{
    background: #c90404 none repeat scroll 0 0 !important;
}
.table_BX tbody tr.color-bx td{ background: #C90404 !important;  }
.div_img {
    background-image: url("/images/plus.gif");
    background-repeat: no-repeat;
    height: 15px;
    width: 18px;
    float:left;
    border:0px !important;
}
.ExpandProject.notPrint td table tbody tr td select{
    border: medium none;
    -moz-appearance: none;
    background-color:transparent;
}

.ExpandProject.notPrint td table tbody tr td.col1{
    display:none;
}
.table_BX tbody tr.ExpandProject:nth-child(even) { background: #fff; }
.table_BX tbody tr.ExpandProject:nth-child(odd) { background: #fff; }
.table_BX tbody tr.ExpandProject td { background: #fff; }
.table_BX tbody tr.ExpandProject:hover td { background: #fff; }

 .bck-edit
{
    background-image: url("/Images/edit-trans.png");
    background-repeat: no-repeat; 
    background-position: center center; 
    width: 3px;    
    background-size: 100%;
    cursor: pointer;
     width:16px;
     height:16px;
}

.bck-white {
    background-color:#fff;
}
.border-leftbotton {
    border-left:1px solid #ebebeb !important;
     border-bottom:1px solid #ebebeb;
}
.btnYes {
		background-color: #c79900;
        border-radius: 3px;
        border-style: none;
        color: #fff;
        font-family: Roboto-thin;
        font-size: 18px;
        height: 30px;
        min-width: 50px;
        cursor: pointer;
	}
.btnNo {
	background-color: #fff;
    border: 1px solid;
    border-radius: 3px;
    color: #c79900;
    font-family: Roboto-ligth;
    font-size: 18px;
    height: 30px;
    width: 50px;
    cursor: pointer;
}

.none{
    text-decoration:none;
}
.none:hover{
    text-decoration:none;
}
.lnk-project-edit{
    background-image: url("/Images/Buttons/btn_editproject0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:88px 30px;
    display:block;
    width:88px;
    height:30px;
    float:left;
}
.lnk-project-edit:hover{
    background-image: url("/Images/Buttons/btn_editproject.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:88px 30px;
    display:block;
    width:88px;
    height:30px;
    float:left;

}
.lnk-project-hide{
    background-image: url("/Images/Buttons/btn_hidenexttime0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:78px 30px;
    display:block;
    width:78px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-hide:hover{
    background-image: url("/Images/Buttons/btn_hidenexttime.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:78px 30px;
    display:block;
    width:78px;
    height:30px;
    float:left;

}
.lnk-project-unhide{
    background-image: url("/Images/Buttons/btn_unhidenexttime0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:78px 30px;
    display:block;
    width:78px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-unhide:hover{
    background-image: url("/Images/Buttons/btn_unhidenexttime.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:78px 30px;
    display:block;
    width:78px;
    height:30px;
    float:left;

}
.lnk-project-interestlist {
    background-image: url("/Images/Buttons/btn_addtointerestlist0.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 87px 30px;
    display: block;
    width: 87px;
    height: 30px;
    float: left;
    margin-left: 5px;
}
.lnk-project-interestlist:hover {
    background-image: url("/Images/Buttons/btn_addtointerestlist.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 87px 30px;
    display: block;
    width: 87px;
    height: 30px;
    float: left;
}

.lnk-project-bidderlist{
    background-image: url("/Images/Buttons/btn_addtobidderslist0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:87px 30px;
    display:block;
    width:87px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-bidderlist:hover{
    background-image: url("/Images/Buttons/btn_addtobidderslist.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:87px 30px;
    display:block;
    width:87px;
    height:30px;
    float:left;

}
.lnk-project-sendalert{
    background-image: url("/Images/Buttons/btn_sendprojectalert0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:91px 30px;
    display:block;
    width:91px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-sendalert:hover{
    background-image: url("/Images/Buttons/btn_sendprojectalert.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:91px 30px;
    display:block;
    width:91px;
    height:30px;
    float:left;

}
.lnk-project-alreadyinpersonalplanroom{
    background-image: url("/Images/Buttons/btn_alreadyinpersonalplanroom0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:127px 30px;
    display:block;
    width:127px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-alreadyinpersonalplanroom:hover{
    background-image: url("/Images/Buttons/btn_alreadyinpersonalplanroom.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:127px 30px;
    display:block;
    width:127px;
    height:30px;
    float:left;

}
.lnk-project-movetopersonalplanroom{
    background-image: url("/Images/Buttons/btn_movetopersonalplanroom0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:127px 30px;
    display:block;
    width:127px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-movetopersonalplanroom:hover{
    background-image: url("/Images/Buttons/btn_movetopersonalplanroom.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:127px 30px;
    display:block;
    width:127px;
    height:30px;
    float:left;
}
.lnk-project-alreadyinprime{
    background-image: url("/Images/Buttons/btn_alreadyinprime0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:110px 30px;
    display:block;
    width:110px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-alreadyinprime:hover{
    background-image: url("/Images/Buttons/btn_alreadyinprime.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:110px 30px;
    display:block;
    width:110px;
    height:30px;
    float:left;
}
.lnk-project-movetoprime{
    background-image: url("/Images/Buttons/btn_movetoprime0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:110px 30px;
    display:block;
    width:110px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-movetoprime:hover{
    background-image: url("/Images/Buttons/btn_movetoprime.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:100px 30px;
    display:block;
    width:100px;
    height:30px;
    float:left;
}
.lnk-project-movetoplanroom{
    background-image: url("/Images/Buttons/btn_movetoplanroom0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:77px 30px;
    display:block;
    width:77px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-movetoplanroom:hover{
    background-image: url("/Images/Buttons/btn_movetoplanroom.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:77px 30px;
    display:block;
    width:77px;
    height:30px;
    float:left;
}
.lnk-project-printerfriendly{
    background-image: url("/Images/Buttons/btn_printerfriendly0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:71px 30px;
    display:block;
    width:71px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-project-printerfriendly:hover{
    background-image: url("/Images/Buttons/btn_printerfriendly.png");
    background-position: center center;
    background-repeat: no-repeat;    
    background-size:71px 30px;
    display:block;
    width:71px;
    height:30px;
    float:left;
}
.lnk-sbn-import{
    background-image: url("/Images/Buttons/ImportSBN0.png");
    background-position: center center;
    background-repeat: no-repeat;    
    /*background-size:90px 30px;*/
    display:block;
    width:90px;
    height:30px;
    float:left;
    margin-left:5px;
}
.lnk-sbn-import:hover{
    background-image: url("/Images/Buttons/ImportSBN.png");
    background-position: center center;
    background-repeat: no-repeat;    
    /*background-size:90px 30px;*/
    display:block;
    width:90px;
    height:30px;
    float:left;
}
.padding_0{
    padding:0px;
}
.border-left-width_0{
    border-left-width: 0px;
}

.background-color-bx{
    background-color: #C90404;
}
.width_975{
    width:975px;
}
.width_985{
    width:985px;
}
 .btn-purchase-now{
    background-color:#EEE;
    padding:6px;
    text-decoration:none;
    font-family:Arial;
    font-size:12px;
    border:1px solid #CCC;
}

.btn-purchase-now:hover {
    text-decoration:none;
}

.divPartialResult{
    background-color:#fff;
}

.service-expired {
    color: #F00;
}
/*******Custom********/
.custom-display-block{
    display:block;
}
/********************************** New Style - 08/09/2016 *********************************/
.title1 {
    color:#C90404;
    font-size:24px;
    font-weight:bold;
}

.title2 {
    color:#C90404;
    font-size:18px;
    font-weight:bold;
}

.title3{
    color:#C90404;
    font-size:16px;
    font-weight:bold;
}


.title4 {
    color:#C90404;
    font-weight:bold;
}

.title5{
    color:#C90404;
}

.line{
     border:1px solid #c90404;
}

.title1_black{
    color:#000000;
    font-size:24px;
    font-weight:bold;
}

.title2_black{
    color:#000000;
    font-size:18px;
    font-weight:bold;
}

.title3_black{
    color:#000000;
    font-size:16px;
    font-weight:bold;
}

.title4_black{
    color:#000000;
    font-weight:bold;
}

.title5_black{
    color:#000000;
}

.bold{
    font-weight:bold;
}

.left{
    float:left;
}

.highlight{
    color:red;
}

.highlightBlue
{
    color:steelblue;
}

.title1_blue{
    color:steelblue;
    font-size:24px;
    font-weight:bold;
}

.title2_blue{
    color:steelblue;
    font-size:18px;
    font-weight:bold;
}

.title3_blue{
    color:steelblue;
    font-size:16px;
    font-weight:bold;
}

.title4_blue{
    color:steelblue;
    font-size:14px;
    font-weight:bold;
}

.title5_blue{
    color:steelblue;
    font-weight:bold;
}

.btn-remove-tracked{
    text-align: center;
    width: 50px; 
    font-size: xx-small; 
}

.table-bx-detail{
    background-color:#FFF;
}

.table-bx-detail td{
    background-color:#FFF;
}

.toolbarbx{
    width:98%;
    height:32px;
    margin:auto;
}
.toolbarleft{        
    height:32px;
    float:left;
}
.toolbarright{
    height:32px;
    float:right;
}
.text-center{
    text-align:center !important;
}
.borderStyleRow th, .borderStyleRow td{
    border-bottom: 2px solid #cccccc
}
.borderStyleTable {
    border: 5px solid #e1e1e1;
    border-radius: 8px;
    padding: 6px 12px 12px;
}
.TooltipSBN {
    font-family: Arial;
	font-size: 14px;
	color: #5e6a71;
}
.TooltipLinkSBN {
    font-family: Arial;
	font-size: 12px;
	color: white;
    background-color:#5e6a71;
}

.no-padding{
    padding:0px !important;
}

.tabs a span {
  color: #EEE;
}
.separator{
    border-bottom:1px solid #EEE;
}
.text-total{
     text-align:center !important;
     color:#000000;
     font-weight:bold;
     font-size:20px !important;
 }
.table-collapse-ridge-2px{
    border:2px ridge #CCC;
    border-collapse:collapse;
}
.border-ridge-2px{
    border:2px ridge #CCC;
}
.help-info{
    float:right;
    height:30px;
    width:30px;
    margin-top:3px;
    margin-right:15px;
}
.ShowHelper{
    display:block;
}
.HideHelper {
    display:none;
}
.ico-helper-info {    
    text-align: center;
    /* font-size: 28px; */
    vertical-align: middle;
    /* border-radius: 50%; */
    /* background: #C90404; */
    color: white;
    font-weight: bold;
    background: url(/Images/Ico/helper-vbx.png) no-repeat;
    padding: 15px;
    background-position: 0px 15px;
}

#divVisitors iframe {
        min-height: 650px;
        min-width: 900px;
}

.setInvisible{
    display: none;
}

.div-all-body{
    width: 95%; 
    margin: 0px auto;
    padding:3px;
}
.text-left{
    text-align:left;
}
.div-border-1px{
    border:1px solid #CCC;
}
.div-border-top-1px{
    border-top:1px solid #CCC;
}
.keep-company{
    color:green !important;
}
.replace-company{
    color:red !important;
}
.div-border-bottom-1px{
    border-bottom:1px solid #CCC;
}
.div-border-bottom-1px{
    border-bottom:1px solid #CCC;
}
/* to message*/
.info, .success, .warning, .error, .validation {
display: block;
padding: 13px 12px 12px;
font-weight: bold;
font-size: 14px;
color: white;
background-color: #2ba6cb;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 12px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
position: relative;
text-align: left;
}
.info {
color: #fff;
background-color: #BDE5F8;
}
.success {
background-color: #5da423;
color: #fff;    
}
.warning {
background-color: #e3b000;
color: #fff;    
}
.error {    
background-color: #c60f13;
color: #fff;    
} 
.div-border-bottom-1px{
    border-bottom:1px solid #CCC;
}
#divPopupHistory iframe {
    min-height: 1000px;
    min-width: 900px;
}


.ProjDetailViewed{
    font-weight: bolder; color: #c90404;
}

tr.odd:hover {
    background: #EBEBEB !important;
}