@charset "utf-8";
/**
 *
 * Generic CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright 2005-2012, Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @since         CakePHP(tm)
 * @license       MIT License (http://www.opensource.org/licenses/mit-license.php)
*/

*{
    margin:0;
    padding:0;
}

/** General Style Info **/
body {
    background: #FFFFFF;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 0;
    height:100%;
}
/*a {
    color: #356aa0;
    text-decoration: none;
        font-weight: bold;
}
a:hover {
    color: #367889;
    text-decoration:none;
}
a img {
    border:none;
}
h1, h2, h3, h4 {
    font-weight: normal;
    margin-bottom:0.5em;
}
h1 {

    color: #003d4c;
    font-size: 16px;
}
h2 {

    color: #444444;
    font-size:14px;
    font-weight: bold;
}
h3 {
    color: #2c6877;
    font-size: 165%;
}
h4 {
    color: #993;
    font-weight: normal;
}
ul, li {
    margin: 0 12px;
}
p {
    margin: 0 0 1em 0;
    line-height: 22px;
}*/
.clear{clear: both!important;}
.fleft{ float: left!important;
        width: auto;}
.fright{ float: right!important;
         width: auto;}
.all_upper{text-transform: uppercase!important;}
.all_lower{text-transform: lowercase!important;}
/** Layout **/
#container {
    text-align: left;
}

.wrapper{
    width: 960px;
    clear: both;
    margin: 0 auto;
}
.gray{color:#b7b7b7;}
.bg_none{background: none!important;}
.hide{display: none;}
.or_cancel{    float: left;
               line-height: 22px;}


#topmenu {
    float: right;

}
#topmenu ul, #topmenu ul li, #topmenu ul li ul, #topmenu ul li yl li {   margin: 0;   padding: 0; }
#topmenu li {
    color: #000000;
    float: left;
    font-size: 13px;
    font-variant: normal;
    list-style-type: none;
    /*    margin-top: 15px !important;*/
    padding: 0 8px !important;
    white-space: nowrap;
    line-height: 44px;
}

#topmenu ul li a {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

#topmenu ul li a:hover, #topmenu ul li .active {
    color: #FFFFFF;
    font-weight: normal;
}
#topmenu ul li:last-child{
    border:none; padding-right: 0px!important;
}
#topmenu ul li ul{z-index: 999; display:none;padding-left:0;  margin-left: -10px;  overflow:hidden;color:red; background: none repeat scroll 0 0 #7CACDD;}
#topmenu ul li ul li{line-height: 28px;}
#topmenu ul li:hover ul,#top_nav_container ul li.hover ul{position:absolute;display:block;width:200px;padding-left:0;color:red; }
#topmenu ul li:hover ul li,#top_nav_container ul li.hover ul li a{width:168px;  border: none; border-bottom: 1px dotted #ccc;  text-align:left; }
#topmenu ul li:hover ul li a:hover,#top_nav_container ul li.hover ul li a:hover{ }
.top_menu_separator{ color: #DCDCDC;
                     float: left;
                     font-weight: bold;
                     margin-top: 15px;
                     width: 1px;
}



/*language-bar-bg*/
#language_bar{ clear: both;
               margin: 0 auto;     width: 1025px;  margin-top: 50px;   }
#language_bar ul{margin: 0;padding: 0;}
#language_bar ul li{   margin: 0 10px 0 0;  float: left; width: 103px; height: 25px; text-align: center; line-height: 25px; list-style: none; font-weight: bold;     background: url("../img/language-bar-bg.png") no-repeat scroll center top #FFFFFF; }
#language_bar ul li a{  padding: 3px; border: 1px transparent solid;}

body#welcome_to_social_business{
    background: url("../img/welcome-to-social-business.png") repeat scroll center top #FFFFFF;
    min-height: 100%;
    width: 100% }
#welcome_to_social_business .wrapper{text-align: center; margin-top: 150px;}
#welcome_to_social_business .welcome_title{font-size: 55pt;}
#welcome_to_social_business .welcome_action{    float: left;
                                                margin: 30px 0px;
                                                text-align: center;
                                                width: 100%;}
/* Section header */
#header{
    width:100%;
    background:#FFFFFF;

}

#header_content{
    background:#ffffff;
}
#logo{
    width: 100px;
    /*    border: 1px solid red; */
    text-align: center;
    position: relative;


}
#logo #shadow{
    position: absolute; 
    left: -50px; top: 0px;
    background: url("../img/logo-shadow.png") repeat scroll center top transparent;
    float: left; 
    width: 184px;

}
#header_content_left{
    width:480px;
    float:left;
}

#header_content_left h1 {
    /*background: #003d4c url('../img/cake.icon.png') no-repeat left;*/
    /*padding: 0px 30px;*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:26px;
    font-weight:bold;
    color: #595959;
    line-height:70px;
}
#header_content_left h1 a {
    color: #fff;
    background: #003d4c;
    font-weight: normal;
    text-decoration: none;
}
#header_content_left h1 a:hover {
    color: #fff;
    background: #003d4c;
    text-decoration: underline;
}

#header_content_right{
    width:480px;
    height: 70px;
    float:right;
}

#header_bottom{
    height:45px;
    background:none repeat scroll 0 0 #7CACDD;
}

/* Section Main */

#main{
    width:100%;
    background: #fff;
}

#page_content{ 
    min-height:10px;
    padding:20px 0px;
}


#content_middle{
    width:725px;
    min-height:500px;
    float:left;
    margin-right: 34px;
}
hr{ clear: both; margin: 5px 0; border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);  }

#page_content .top{
    float:left;
    width: 100%;
    height:20px;
    border-bottom: 1px #dddddd solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#page_content .top h2{
    color: #356aa0;
    font-size:16px;
    width: 60%;
    float: left;
}


#content_middle_home{
    /*width:700px;*/
    min-height:500px;
    margin-left:20px;
    margin-right: 20px;
    margin:auto;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    text-align:justify;
}
#content_right{
    width:201px;
    min-width:50px;
    float:right;
    padding-top:0px;
}
#search_box{ width: 99%; height: 22px; border-radius: 5px 5px 5px 5px;
             border: 1px #dddddd solid;
             -moz-border-radius:5px 5px 5px 5px;
             -webkit-border-top-left-radius: 5px;
             -webkit-border-top-right-radius: 5px;}

#search_box input[type=text]{float: left; width: 150px; border: none; font-size: 9px; margin-left: 5px;  }
#search_box input[type=image]{ border: medium none;
                               float: right;
                               height: 17px;
                               padding: 3px;
                               width: 17px;
}
#content_right .block{width: 100%;  padding: 8px 0px; margin-bottom: 0px;  }
#content_right hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 10px 0px!important;  }
#content_right h2{color:#356aa0; font-size: 14px;    margin-top: 5px;}
#content_right h3{  font-size: 14px;    margin-top: 5px;}
#content_right .block .sign_up{border-radius: 5px 5px 5px 5px;
                               -moz-border-radius:5px 5px 5px 5px;
                               -webkit-border-top-left-radius: 5px;
                               -webkit-border-top-right-radius: 5px; background: #356aa0; padding: 10px;}
#content_right .block .sign_up, #content_right .block .sign_up a{ color: #ffffff;}
#content_right .block .sign_up  strong{ font-size: 18px; clear: both; float: left;  margin-bottom: 5px; width:95%;}

#content_right .block .feedback, #side_feedback{border-radius: 5px 5px 5px 5px;
                                                -moz-border-radius:5px 5px 5px 5px;
                                                -webkit-border-top-left-radius: 5px;
                                                -webkit-border-top-right-radius: 5px; 
                                                background:  #E3E3E3; 
                                                padding: 10px;
}
#content_right .block .feedback, #content_right .block .feedback a, #side_feedback a{ color: #356AA0;  height: 22px;}
#content_right .block .feedback  strong, #side_feedback strong{ font-size: 18px; clear: both; float: left;  margin-bottom: 5px; width:95%;}
#content_right ul{margin: 0px!important;}
#side_feedback {
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 26px;
    left: 0;
    margin-left: -52px;
    padding:   5px;
    position: fixed;
    top: 380px;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -webkit-transform:rotate(-90deg); /* Safari and Chrome */

    width: 130px;
}


/*label.error{ padding: .2em; margin-bottom:5px; margin-top: 1px; width: 87%; float: left;  border: 1px dotted #BC3234;   }*/


/* Section Main */
#footer {
    width:100%;
    clear: both;
}

#footer_inner {
    border-top: 1px solid #E9E9E9;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#7F7F7F;
    padding-top:10px;
    height: 50px;
}

#footer_inner a{
    text-decoration:none;
}

#footer_left {
    width: 320px;
    float:left;
}

#footer_middle{
    width: 320px;
    float:left; 
    text-align:center;
}

#footer_right{
    width: 320px;
    float:right;
    text-align:right;
}

/** containers *
div.form,
div.index,
div.view {
    float:left;
    width:99%;
        border-left:1px solid #666;
    padding:10px 0px;
}


div.actions {
    float:left;
    width:16%;
    padding:10px 1.5%;
}
div.actions h3 {
    padding-top:0;
    color:#777;
}


div.form .input{float: left; width: 100%; clear: both; margin-bottom: 10px;}
div.form .input label{width: 160px; float: left;}
div.form .input input{width: 200px; float: left;}
div.form .input .value{width:550px; float: left;}
div.form .input textarea {
    width:500px;
}

div.form .checkbox label{width: 500px;}
div.form .input .short{ width:100px;margin-right: 10px;}

div.form .input .upload{width:auto; 
                        float: left;  
                        border-radius: 5px 5px 5px 5px;
                        -moz-border-radius:5px 5px 5px 5px;
                        -webkit-border-top-left-radius: 5px;
                        -webkit-border-top-right-radius: 5px;
                        display: block;

                        line-height: 22px;
                        padding:10px 10px 15px 10px;
                        text-decoration: none;
                        background: #eeeeee;
                        width: auto!important;
                        border: medium none;
}
div.form .input .upload p{margin: 0px;}
div.form #ContactStreetAddress{height: 50px!important;}
div.view{    padding: 5px 0;}
div.view   label{width:30%; float: left; font-weight: bold;}
div.view  .value{width:70%; float: left; line-height: 18px;}
.impromptu_content div.form .input .value{width: 425px;}

.input ol,  .input ul{margin-left: 30px;}
input.order {
    float: left;
    width: 20px !important;
}
#file_upload_container{
    width: 300px;
    height: 30px;

    position: relative;
}

#file_upload_container  div.fileinputs {
    position: relative;cursor: pointer;
}

#file_upload_container  div.fakefile {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    cursor: pointer;
    color: #2597DF;
}  

#file_upload_container input.file {
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0; 
    z-index: 2; 
    cursor: pointer;
    width: 300px;
}
#file_upload_container input.input-text {
    left: 0;
    position: absolute;
    width: 170px;
}
div.fileinputs:hover,
div.fakefile:hover,  input.file:hover {cursor: pointer;}


#file_upload_container button{position: absolute; right: 0px;}*/

/** Tables **/
/*table {
    border-right:0;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}
th {
    border:0;
    border-bottom:2px solid #555;
    text-align: left;
    padding:4px;
}
th a {
    display: block;
    padding: 2px 4px;
    text-decoration: none;
}
th a.asc:after {
    content: ' ?';
}
th a.desc:after {
    content: ' ?';
}
table tr td {
    padding: 6px;
    text-align: left;
    vertical-align: top;
        border-bottom:1px solid #ddd;
}
table tr td img, .credit_image img{
    -webkit-border-radius: 20px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius: 20px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius: 20px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;  

}*/

.team{margin: 20px 0px;  float: left;}
.team  h2{color: #356AA0; margin: 0px; padding: 0px;}
.team  p{margin: 0px; padding: 0px; line-height: 20px;}
.team .image_container{ float: left; width: 217px; height: 117px; margin: 5px 0px; border: 4px solid #ececec; background: #f4f4f4;}
.team img, .credit_image img{
    opacity: 0.4;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    zoom: 1;
}
.team img{ width: 217px; height: 117px;}

.team .box{width: 225px; float: left; margin-right: 20px; margin-bottom: 20px;   height: 415px;  border-bottom: 1px solid #DDDDDD;
}
.team .box:hover img, .credit_row:hover img{filter: none; -webkit-filter: grayscale(0%);  opacity: 1;}
.team .last{margin-right: 0px;}


/* SQL log */
.cake-sql-log {
    background: #fff;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
    color:#fff;
}

/** Paging **/
.paging {
    background:#fff;
    color: #ccc;
    margin-top: 1em;
    clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block
}
.paging > span {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
}
.paging > span:hover {
    background: #efefef;
}
.paging .prev {
    border-left: 1px solid #ccc;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.paging .next {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.paging .disabled {
    color: #ddd;
}
.paging .disabled:hover {
    background: transparent;
}
.paging .current {
    background: #efefef;
    color: #c73e14;
}

/** Scaffold View **/
dl {
    line-height: 2em;
    margin: 0em 0em;
    width: 100%;
}
dl dd:nth-child(4n+2),
dl dt:nth-child(4n+1) {
    background: #f4f4f4;
}

dt {
    font-weight: bold;
    padding-left: 4px;
    vertical-align: top;
    width: 10em;
}
dd {
    margin-left: 10em;
    margin-top: -2em;
    vertical-align: top;
}

div.jsv_error{
    clear: both;
    color: red;
    display: none;
    float: left;
    margin-left: 155px;
    padding: 5px;
}
/** Forms **/
form {
    clear: both;
    /*    margin-right: 20px;*/
    padding: 0;
    width:100%;
}
fieldset {
    border: none;
    margin-bottom: 1em;
    padding: 0px 0px;
}
fieldset legend {
    color: #e32;
    font-size: 160%;
    font-weight: bold;
    display: none;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form div {
    /*    padding: .5em;*/
    vertical-align: text-top;
}
form .input {
    color: #444;
}
form .required {
    /*    font-weight: bold;*/
}
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
form div.submit {
    border: 0;
    clear: both;
    margin-left: 160px;
}

#sb_registration form div.submit {
    border: 0;
    clear: none;
    float: left;
    margin-left:0px;
}

label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
}
input, textarea {
    /*    clear: both;*/
    font-size: 100%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 5px 10px;
    border: 1px solid #DDDDDD;
}
textarea {height: 60px;}

select {
    clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
 
/*input[type=submit] {
    display: inline;
    font-size: 110%;
    width: auto;
}
form .submit input[type=submit] {
    width: auto;
        background:#62af56;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
        background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
        background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
        border-color: #2d6324;
        color: #fff;
        text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
   padding: 3px 8px 4px 5px;
}
form .submit input[type=submit]:hover {
        background: #5BA150;
}
 Form errors 
form .error {
    background: #FFDACC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
    padding: 5px;
}
form .error-message {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
form .error,
form .error-message {
    color: #9E2424;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}*/

/** Notices and Errors **/
/*.message {
    clear: both;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
    background: #ffcc00;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
    background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
    background-image: linear-gradient(top, #ffcc00, #E6B800);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 18px;
    padding: 7px 14px;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
        clear: both;
        color: #fff;
        background: #c43c35;
        border: 1px solid rgba(0, 0, 0, 0.5);
        background-repeat: repeat-x;
        background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
        background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
        background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
        background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
        background-image: linear-gradient(top, #ee5f5b, #c43c35);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

    clear: both;
    color: #C43C35;
    background: #c43c35;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #dddddd, #cccccc);
    background-image: -ms-linear-gradient(top, #dddddd, #cccccc);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc));
    background-image: -webkit-linear-gradient(top,#dddddd, #cccccc);
    background-image: -o-linear-gradient(top, #dddddd, #cccccc);
    background-image: linear-gradient(top, #dddddd, #cccccc);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

}
.success {
    clear: both;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: #3B8230;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
    background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
    background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
    background-image: linear-gradient(top, #76BF6B, #3B8230);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 120%;
    padding: 0.5em;
    margin: 1em 0;
}
p.error em {
    font-weight: normal;
    line-height: 140%;
}
.notice {
    color: #000;
    display: block;
    font-size: 120%;
    padding: 0.8em;
    margin: 1em 0;
}
.success {
    color: #fff;
}*/

/**  Actions  **/
.actions ul {
    margin: 0;
    padding: 0;
}
.actions li {
    margin:0 0 0.5em 0;
    list-style-type: none;
    white-space: nowrap;
    padding: 0;
}
.actions ul li a {
    font-weight: normal;
    display: block;
    clear: both;
}

/* Buttons and button links */


.actions a{ margin-right: 0px;}
#content_middle .top .actions{padding:0px; float: right;  width: auto!important;}

#content_middle .top .a_button a{  text-decoration: none;}

/*.actions ul li a:hover,
.actions a:hover {

}*/

/*input[type=submit],
.actions ul li a,
.actions a {
    font-weight:normal;
    padding: 4px 8px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
    color:#333;
    border:1px solid #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: #fff 0px 1px 0px;
    min-width: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    user-select: none;
}*/

input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
    background: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
    background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
    background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
    background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
    background-image: -o-linear-gradient(top, #dfdfdf, #eee);
    background-image: linear-gradient(top, #dfdfdf, #eee);
    text-shadow: #eee 0px 1px 0px;
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    border-color: #aaa;
    text-decoration: none;
}

/** Related **/
.related {
    clear: both;
    display: block;
}

/** Debugging **/
pre {
    color: #000;
    background: #f0f0f0;
    padding: 15px;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.cake-debug-output {
    padding: 0;
    position: relative;
}
.cake-debug-output > span {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.3);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 6px;
    color: #000;
    display: block;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.cake-debug,
.cake-error {
    font-size: 16px;
    line-height: 20px;
    clear: both;
}
.cake-error > a {
    text-shadow: none;
}
.cake-error {
    white-space: normal;
}
.cake-stack-trace {
    background: rgba(255, 255, 255, 0.7);
    color: #333;
    margin: 10px 0 5px 0;
    padding: 10px 10px 0 10px;
    font-size: 120%;
    line-height: 140%;
    overflow: auto;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.cake-stack-trace a {
    text-shadow: none;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0px 4px 10px 2px;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    text-decoration: none;
    -moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);
}
.cake-code-dump pre {
    position: relative;
    overflow: auto;
}
.cake-context {
    margin-bottom: 10px;
}
.cake-stack-trace pre {
    color: #000;
    background-color: #F0F0F0;
    margin: 0px 0 10px 0;
    padding: 1em;
    overflow: auto;
    text-shadow: none;
}
.cake-stack-trace li {
    padding: 10px 5px 0px;
    margin: 0 0 4px 0;
    font-family: monospace;
    border: 1px solid #bbb;
    -moz-border-radius: 4px;
    -wekbkit-border-radius: 4px;
    border-radius: 4px;
    background: #dcdcdc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
    background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
    background-image: linear-gradient(top, #fefefe, #dcdcdc);
}
/* excerpt */
.cake-code-dump pre,
.cake-code-dump pre code {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    margin: 4px 2px;
    padding: 4px;
    overflow: auto;
}
.cake-code-dump .code-highlight {
    display: block;
    background-color: rgba(255, 255, 0, 0.5);
}
.code-coverage-results div.code-line {
    padding-left:5px;
    display:block;
    margin-left:10px;
}
.code-coverage-results div.uncovered span.content {
    background:#ecc;
}
.code-coverage-results div.covered span.content {
    background:#cec;
}
.code-coverage-results div.ignored span.content {
    color:#aaa;
}
.code-coverage-results span.line-num {
    color:#666;
    display:block;
    float:left;
    width:20px;
    text-align:right;
    margin-right:5px;
}
.code-coverage-results span.line-num strong {
    color:#666;
}
.code-coverage-results div.start {
    border:1px solid #aaa;
    border-width:1px 1px 0px 1px;
    margin-top:30px;
    padding-top:5px;
}
.code-coverage-results div.end {
    border:1px solid #aaa;
    border-width:0px 1px 1px 1px;
    margin-bottom:30px;
    padding-bottom:5px;
}
.code-coverage-results div.realstart {
    margin-top:0px;
}
.code-coverage-results p.note {
    color:#bbb;
    padding:5px;
    margin:5px 0 10px;
    font-size:10px;
}
.code-coverage-results span.result-bad {
    color: #a00;
}
.code-coverage-results span.result-ok {
    color: #fa0;
}
.code-coverage-results span.result-good {
    color: #0a0;
}

/** Elements **/
#url-rewriting-warning {
    display:none;
}
.flashObject{
    margin-top:25px;
    width:620px;
    margin:auto;
    border:solid 0px red;
}
.flashObjectIntro{
    margin-top:25px;
    border:solid 0px red;
}
.skip_div{
    float:right;
    margin-top:10px;
}
.skip_button{
    background: url(../img/skip.jpg) no-repeat;
    width:104px;
    height:40px;
    border:solid px red;
    float:left;
}

.signupButton{
    background: url(../img/signup.png) no-repeat;
    width:200px;
    height:51px;
    border:solid px red;
    float:left;
    margin-right:77px;
    margin-bottom:10px;
}
.req_intern{
    background: url(../img/req_intern.png) no-repeat;
    width:200px;
    height:25px;
    border:solid px red;
    float:left;
    margin-right:77px;
    margin-bottom:10px;
}
.fieldtrip{
    background: url(../img/fieldtrip.png) no-repeat;
    width:200px;
    height:26px;
    border:solid px red;
    float:left;
    margin-right:77px;
    margin-bottom:10px;
}

/*page content*/ 


#home h3{ 
    color: #686868;
    font-size: 20px;
    text-align:center;
}




#home hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);  }


#news_top{
    background-color: #F6F6F6;
    height: 306px;
    margin-top: 1px;
    padding-left: 18px;
    padding-right: 10px;
    padding-top: 10px;
}
#news_top .content{line-height: 22px; text-align: justify; margin: 10px 0px;}
#news_top .left{  width:380px;
                  float:left;  }
#news_top .right{   background-color: #FFFFFF;
                    padding:16px;
                    float:right;
                    width:500px;
}
#news_top .left  h3{
    text-align:left;
}


#news_top .left  h2{
    color: #663333;
    font-size: 100%;
    text-align:left;
    background-color: #f6f6f6;
    background:none;
}




#featured_news {
    height:310px;
    margin: 20px 0px;
    clear:both;
}


#featured_news .block { background: #FFFFFF;
                        width: 274px;
                        border-radius: 5px 5px 5px 5px;
                        border: 1px #dddddd solid;
                        -moz-border-radius:5px 5px 5px 5px;
                        -webkit-border-top-left-radius: 5px;
                        -webkit-border-top-right-radius: 5px;
                        float:left;
                        padding: 16px;
                        margin-right:18px;
}

#featured_news .last{
    margin-right:0px;
}	
#featured_news h1{

    color: #356AA0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    line-height: 20px;

    /*padding-top:15px;
    color:#356aa0;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:18px;
    height:58px;*/
}

#featured_news .block .image{
    background-color: #F2F2F2;
    height: 120px;
    padding: 5px;
    width: 255px;

}
#featured_news .block .image img{text-align: center;}
.featured_news_content{padding: 5px 0px;}


.page_content_mid_news_content{


    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 65px;
    padding-top: 15px;
    color:#636363;
}

#featured_news .block .date{	
    width: 100%;
    border-top: 1px #ccc solid;
    padding: 10px 0px;

}
#news_middle  .featured_news_content{


    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 65px;
    padding-top: 15px;
    color:#636363;

    /*  height: 82px#
          font-size:10px;
          font-family:Arial, Helvetica, sans-serif;
    */
}

#news_middle {
    height:350px;
    margin: 20px 0px;
    clear:both;
}


#news_middle .block { background: #FFFFFF;
                      width: 274px;
                      border-radius: 5px 5px 5px 5px;
                      border: 1px #dddddd solid;
                      -moz-border-radius:5px 5px 5px 5px;
                      -webkit-border-top-left-radius: 5px;
                      -webkit-border-top-right-radius: 5px;
                      float:left;
                      padding: 5px 16px;
                      margin-right:18px;
}

#news_middle .last{
    margin-right:0px;
}	
#news_middle h1{

    color: #356AA0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 40px;
    line-height: 20px;

    /*padding-top:15px;
    color:#356aa0;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    line-height:18px;
    height:58px;*/
}

#news_middle .block .image{
    background-color: #F2F2F2;
    height: 50px;
    padding: 5px;
    width: 70px;

}
#news_middle .block .image img{text-align: center;}
#news_middle  .mid_news_content{
    color: #636363;
    font-size: 12px;
    height: 65px;
    padding-left: 4px;
    width: 190px;
}

#news_middle .block .date{	
    width: 100%;
    border-top: 1px #ccc solid;
    padding:5px 0px;

}

#page_content .news img{width: 720px; clear: both; margin-bottom: 20px;  }

#announcement {
    float: left;
    margin-right: 20px;

    width: 632px;
}

#announcement h1{

    font-weight:bold;
    font-size: 14px;
    color:#444444;
}
#social_business_logo {

    float: left;
    width: 303px;
    text-align: center;
}


#home_search{
    width:220px;
    float:right;
}
.announcement_detail{
    margin-bottom: 20px;
    padding:0px;

}

.announcement_detail p{
    margin: 0px;
    color:#636363;
}
.announcement_detail h2{
    color:#356aa0;
    font:Arial, Helvetica, sans-serif;
    font-size:14px;
    margin: 0;
}


/*list page*/
.block{  
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.block .content p{padding: 0px; margin: 0px;}
.list{float: left; width: 100%;  margin:0 0 20px;}
.list .block{float: left; width:350px; margin-bottom: 10px; }

.list .block .image{float: left; width: 45px; height: 45px;     text-align: center;}
.list .block .content{float: left; width: 206px; padding-left: 14px; }
.list .block .content h3{font-size: 12px;color: #356aa0;   margin: 0px; font-weight: bold; }

#institution  .list .block .image{float: left; width: 124px; height: 62px; border: 1px #e1e1e1 solid;    text-align: center;}

#institution  .list .block .content{float: left; width: 206px;padding:10px 0 10px 14px; }
#institution  .list .block .content h3{font-size: 12px;color: #356aa0;  margin: 0px; }

#details .block {clear: both;}
#details .block .image{float: left;   width: 124px;  height: 64px;      text-align: center;}

#keypersons .list .block {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}
#keypersons .list .block .content {
    width: 665px;
}

#keypersons #details .block .image{float: left;   width: 100px;  height:100px; }

#details  .block .content{float: left; width: 556px; padding-left: 14px; }
#details hr{margin: 10px 0 0;}

#institution  .list .block .image img,
#keypersons  .list .block .image img,
#details .block .image img{width: 100%; height: 100%;}

#keypersons .icon_vedio{  background: url("../img/friend_message_icon.png") no-repeat scroll 0 3px transparent;
                          float: left;
                          font-weight: bold;
                          margin: 5px 0;
                          padding-left: 22px;
                          width: 100%;}

/*extra form css*/
/*#content_social_business_plan .textarea label{display: none;}*/
/* #content_social_business_plan .textarea .value,
 #content_social_business_plan .textarea textarea{width: 100%; padding: 0px; }*/

/*css for academic world*/

#academic_world_box{ 				 
    border-radius: 5px 5px 5px 5px;
    border: 1px #dddddd solid;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #F7FBFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 15px;
    width:690px;
}
.user_type_what{ 				 
    border-radius: 5px 5px 5px 5px;
    border: 1px #dddddd solid;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #F7FBFF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    float: left;
    padding: 5px 10px;
    width:95%;
}

.user_type_what ol li, .user_type_what   ul li{ 				 
    margin: 0px;
} 

/*#academic_world ul{ 
    margin: 0 0 0 0px;;   padding: 0; 
}
*/
#academic_world ul {
    /* margin: 0 0 0 20px;*/
    padding: 0;
    float: left; 
    width: 702px;
    margin-left: 6px;
}
/*#academic_world ul{
        float: left; width:340px; 
}
*/
#academic_world li {
    float: left;
    line-height: 20px;
    list-style-type: disc;
    margin: 0 10px 5px;
    width:320px; 
}

.academic_world_item {
    font-size:14px;
    font-weight:bold;
    margin-bottom: 7px;
}



#content_right .block .request_intern{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px; 
    background: #848484;
    padding: 10px;
    height:15px;
}


#content_right .block .request_intern a{
    color:#ffffff;
    font-size:14px;
}

#content_right .block .hec_border{
    border: 1px solid #663300;
}
ul.right_list{margin: 0px 3px;}
ul.right_list li{
    list-style-type: none;
    padding: 3px 0;
    width: 201px;
    margin: 0px;
}


.academicworld_category_container .value label {
    margin-left: 0;
    width: 54px !important;
    font-weight: bold;
}

/*Company Profile*/
#company_profile.block{width: 100%;  padding: 10px 0px;  }

#company_profile hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}

#company_profile_upper{
    height:140px;
}

#company_logo{
    border: 1px solid #E1E1E1;
    float: left;
    height: 62px;
    text-align: center;
    width: 146px;
    height: 82px;
    padding-top: 30px;
    float:left;
}

#company_detail{
    float:left;
    /*    margin-left: 10px;
    */    width: 556px;
    margin: 10px 0 0 10px;

}
#company_detail h2{ 	
    color:#3374b7;
}
#company_detail p{
    margin: 0 px;
    padding: 0 px;


}
.internship_category_container .value label {
    margin-left: 0;
    width:120px !important;
    font-weight: bold;
}

#sb_internship .list  {
    width: 520px ;
    float:left;
    color:#006a9f;
}
#sb_internship .list .block  {
    float: left;
    margin-bottom: 10px;
    width: 520px;
}


#sb_internship .block .title {
    width: 362px ;
    list-style:disc;
}
#sb_internship .block .date {
    padding-right: 20px;
    text-align: right;
    width: 125px;
}

#sb_internship .head .date {
    padding-right: 0px;
    color:#575757;
    font-weight:bold;

}

/*odd_even*/

ul.odd_even{margin: 0px;}
ul.odd_even li{float: left; list-style: none; clear: both; height: 34px; width:685px; margin: 0px; padding: 0px 10px; font-size: 13px; font-weight: bold; line-height: 34px;}
ul.odd_even li.even{background: #F6F4FF; }
ul.odd_even li.odd{background: #e3e3e3;}
.content {line-height: 20px;}
.content p{font-weight: normal!important;}
.content p img{border:5px solid #ccc; margin: 5px; }
/*SB Funds*/
#sb_funds{}



/*SB Events*/ 
#sb_events h2{color: #356aa0;}
#sb_events .content{
    float:left;
}

#sb_events .image{
    padding:60px 0 10px 10px;
    float:right;
}
#sb_events address{line-height: 18px;  }


#sb_youth{position: relative; }
#sb_youth .list{ margin-top: 30px; }
#sb_youth .list .block{width: 280px!important;}
#sb_youth_tree{ position:relative; top: 20px;  width:720px; height: 578px; background: url("../img/sb_youth_tree.png") no-repeat scroll 0px 0 transparent;}

#sb_youth .list .block .image{float: left; width: 45px; height: auto;     text-align: center;}
#sb_youth .list .block .image img{width:44px; height: 44px;}
#sb_youth .list .block .content{float: left; width: auto; padding-left: 5px; }

.event_archive{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #356aa0;
    padding: 10px;
    height:15px;
}

.event_archive a{
    color: #FFFFFF;
    padding-right: 6px;
}
ul.event_list{
    margin: 0px;
    list-style:none;
}
.archive{   
    border: 1px none;
    font-weight: bold;
    padding: 5px 10px;
    text-align: right; }
.archive a{ }

#home  .archive{margin-bottom: 20px; background: none; padding-right: 0px; float: left; width: 99%; text-align: right;}
#home  .archive a{color: #356AA0; }

.right_list li{border-bottom: 1px #ddd solid;}
.event_list li{

    margin:0px;
    padding-bottom:10px;
    padding-top:5px;
    list-style:none;
    line-height:18px;
    color:#868686;
}

/*top drop down*/
/*.drop_menu{  border-top: 1px solid #E1E1E1;
             float: left;
             height: 25px;
             text-align: right;
             width: 100%;}
.dropdown{   float: right;
             margin-right: 28px;
             width: auto;}
.dropdown a {   color: #111111;
                outline: medium none;
                text-decoration: none;    font-size: 11px; font-weight: bold;}
.dropdown dd, .dropdown dt, .dropdown ul,.dropdown ul li  { margin:0px; padding:0px; background: none; }
.dropdown dd { position:relative; }
.dropdown dt a {   background: url("../img/dropdown_bg.png") no-repeat scroll 128px 0 #FFFFFF;
                   display: block;
                   padding: 0 0 0 1px;
                   width: 160px; }
.dropdown dt a span {cursor:pointer; display:block; width: 110px; }

.dropdown dd ul {          background: none repeat scroll 0 0 #FFFFFF;
                           border-right: 1px solid #CCCCCC;
                           display: none;
                           height: 250px;
                           left: -54px;
                           list-style: none outside none;
                           overflow: auto;
                           position: absolute;
                           top: -4px;
                           width:200px!important;
                           margin: 0px!important;}
.dropdown dd ul li{list-style: none!important; margin: 0px!important;}
.dropdown dd ul li a { padding:5px; display:block; color:#444444!important;  padding: 3px 34px;}
.dropdown dd ul li a:hover {  color: #000!important;}
.dropdown span.value { display:none;}*/


/* css for media */

#video_gallery_left{
    width:635px;
    float:left;
    border-right: 1px #dddddd solid;
}

#video_gallery_left h3{
    font-size: 14px;
    margin-top: 10px;
}

#video_gallery_left .inner{
    float: left; width: 625px;
}

#video_gallery_right{
    float: right;
    padding-left: 10px;
    width: 310px;
}

#video_gallery_right .image{float: left; width: 100px;}
#video_gallery_right .content{float: left; width: 200px;margin-left: 10px;}
#video_gallery_right small{ 
    color:#acacbd;
    font-size:11px;
    clear: both;
    float: left;
}



#media_image_gallery img
{ margin: 0 14px 15px 10px; width: 165px; height: 110px; }

#media_image_gallery .last{
    margin:0px 0px 15px 0px;
}

#media .list ul {
    float: left;
    margin-left: 6px;
    padding: 0;
    width: 320px;
}
#media .list li {
    float: left;
    line-height: 20px;
    list-style-type: disc;
    margin: 0 10px 10px;
    width: 94%;
}

#media .photo_album_container ul{margin: 0px; padding: 0px;}
#media .photo_album_container ul li{  
    border-bottom: 1px solid #CCCCCC;
    float: left;
    height: 170px;
    list-style: none outside none;
    margin: 0 8px 8px;
    text-align: center;
    width: 175px;
    position: relative; 
}
#media .photo_album_container ul li .photo_album{position: absolute;}
#media .photo_album_container ul li img{padding: 5px 0px;}
#media .photo_album_container .album{height: 125px; width: 175px;}
#news_image {
    float:right;
    padding: 10px 0px 10px 10px ;

}
#content_container h3{
    border-bottom: 1px solid #DDDDDD;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 15px;
    padding-bottom: 10px;
    width: 100%;
}
#content_container ul li{    
    list-style: none outside none;
    padding-left: 30px;

} 
#content_container  .cms_content ul li{    
    list-style: disc;
    margin-left: 20px;
    padding: 0px;
    margin-bottom: 5px;
    line-height: 20px;
} 

#content_container  ul.odd_even li.even{background: url("../img/test-pass-icon.png") no-repeat scroll 7px 10px #F6F4FF;}

#content_container  ul.odd_even li.odd {
    background: url("../img/test-pass-icon.png") no-repeat scroll 7px 10px #E3E3E3;
}
.fix{overflow:hidden;}

.images_collection 
{
    min-height:450px;
    width:720px;
    margin:5px auto;
    position:relative
}

/* image circle */
.images_collection  .round_box
{
    border-radius: 100px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 50px;
    background-position: 50% 50%;
    position: absolute;
    background-repeat: no-repeat;
}

.images_collection .c_42_42
{
    width:42px;
    height:42px;
    background-size:42px 42px;

}
.images_collection  .c_34_34
{
    width:34px;
    height:34px;
    background-size:34px 34px;

}
.images_collection  .c_28_28
{
    width:28px;
    height:28px;
    background-size:28px 28px;

}	

.images_collection  .c_42_42:hover , .images_collection  .c_34_34:hover, .images_collection  .c_28_28:hover{ 
    transform: scale(1.5);
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
}
.images_collection .user_info{  display: none;
                                font-size: 10px;
                                margin-top: -12px;
                                width: 200px !important; }  
.images_collection .c_42_42:hover .user_info, .images_collection .c_34_34:hover .user_info, .images_collection .c_28_28:hover .user_info{display: block;}   

.images_collection  .c_28_28,.images_collection  .c_42_42,.images_collection .c_34_34 {transition: all 0.9s ease 0s;-moz-transition: all 0.9s ease 0s;-webkit-transition: all 0.9s ease 0s;-o-transition: all 0.9s ease 0s;}

#sb_certification{width:100%}
#sb_certification_image{ position:relative; top: 20px;  width:auto; height: 188px; background: url("../img/certifications images/certification-image.jpg") no-repeat scroll 0px 0 transparent;}
#sb_seven_steps{height:100px;padding-top: 20px}
#sb_seven_steps ul li{list-style: none;float: left;width:87px;height:54px;padding:0px;margin:0px}
.wrap_seven_steps .steps img {width:20px;float: left;padding-right: 5px}
.wrap_seven_steps .steps .step_heading{font-weight: bold;}
.wrap_seven_steps .steps p{padding-left: 30px;}
.fix{clear: both;}

#dashboard{display: none; background: url("../img/statistics/dashboard.png") no-repeat; float: left; position: relative; width: 100%; height:400px; }
#view_country{display: none;background: url("../img/dashboard_country.png") no-repeat; float: left; position: relative; width: 100%; height: 650px; }
#dashboard_digital{ background: url("../img/statistics/dashboard.png") no-repeat; float: left; position: relative; width: 100%; height: 390px;}

/*#dashboard .bar, #a_digital, #a_graph{display: block; position: absolute;   }

#a_digital{   height: 24px;
              left: 635px;
              top: 260px;
              width: 85px; }

#a_graph{   height: 24px;
            left: 635px;
            top: 290px;
            width: 85px; }
#dashboard #bar_1{     height: 95px;
                       left: 0;
                       top: 0;
                       width: 211px;
}
#dashboard #bar_2{     height: 95px;
                       left: 139px;
                       top: 85px;
                       width: 108px;
}

#dashboard #bar_3{   height: 66px;
                     left: 302px;
                     top:3px;
                     width: 130px;
}
#dashboard #bar_4{       height: 95px;
                         left: 279px;
                         top: 74px;
                         width: 151px;
}
#dashboard #bar_5{      height: 95px;
                        left: 436px;
                        top: 3px;
                        width: 135px;
}

#dashboard #bar_6{     height: 80px;
                       left: 547px;
                       top: 131px;
                       width: 120px
}*/


#dashboard .bar,#dashboard_digital .digital_bar, #a_digital, #a_graph{display: block; position: absolute;   }

#a_digital{   
    background: url("../img/statistics/a_label_digital_view.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    left: 638px;
    top: 360px;
    width: 85px; }


#a_graph {
    background: url("../img/statistics/a_label_graph_view.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    left: 638px;
    top: 360px;
    width: 85px;
}
#dashboard .bar{height: 95px;width: 22px;}
#dashboard #bar_1{     
    left:160px;
    top: 40px;
}
#dashboard #bar_2{    
    left: 210px;
    top: 200px;
}

#dashboard #bar_3{  
    left: 370px;
    top: 40px;
}
#dashboard #bar_4{  
    left: 380px;
    top: 160px;

}
#dashboard #bar_5{      
    left: 505px;
    top: 60px;
}

#dashboard #bar_6{     
    left: 580px;
    top:190px;

}

#dashboard .bar_inner{position: absolute; bottom: 0px; width: 100%;float: left; 
                      background-size:100%;
                      background: url("../img/statistics/organization_bar.png") no-repeat center center;
                      transition-duration: 1s;
                      transition-property:   background;
} 

#dashboard_digital .digital_bar{height:81px;width: 93px;  }
#dashboard_digital #digital_bar_1{     
    left: 120px;
    top: 75px;
}
#dashboard_digital #digital_bar_2{    
    left: 185px;
    top: 210px;
}

#dashboard_digital #digital_bar_3{  
    left: 350px;
    top: 50px;
}
#dashboard_digital #digital_bar_4{  
    left: 350px;
    top: 180px;

}
#dashboard_digital #digital_bar_5{      
    left: 490px;
    top: 90px;
}

#dashboard_digital #digital_bar_6{     
    left: 575px;
    top: 220px;

}

#dashboard_digital .digital_bar_inner{position: absolute; bottom: 0px; width: 100%; height: 100%; float: left; 
                                      background-size:100%;
                                      background: url("../img/statistics/degital_view_content_bg.png") no-repeat center center;
                                      transition-duration: 1s;
                                      transition-property:   background;
                                      padding: 15px;
                                      opacity:.7;
} 
#dashboard_digital .digital_bar_inner:hover{ opacity:1;}
#dashboard_digital .digital_bar_inner span{ clear: both;
                                            float: left;
                                            line-height: 20px;
                                            width: 100%;

}
.ammount_organization{color:#714800; font-weight: bold; font-size: 14px;}
.ammount_investment{color:#001388; font-weight: bold; font-size: 13px;}
.ammount_employment{color:#51007a; font-weight: bold; font-size: 14px;}
/*.employment_bar{    background: url("../img/statistics/employment_bar.png") no-repeat;}
.investment_bar{    background: url("../img/statistics/investment_bar.png") no-repeat;}
.organization_bar{    background: url("../img/statistics/organization_bar.png") no-repeat;}*/

/*social network*/ 
#login_by_manual{float: left; width: 450px; }
#login_by_social_network{float: left; width: 200px; 
                         font-family: Arial,Helvetica,sans-serif;
                         position: relative;
                         padding: 20px 0px 50px 50px;
                         border-left: 1px solid #ddd;
                         font-size: 15px; 
}
#login_or{position: absolute; left: -10px; top: 50px; background: #fff;}
#login_by_social_network .social_network{float: left; padding: 10px 5px;}


.tips{float: left; clear: both; line-height: 20px; color: #ccc;}


#aggrigate_data{float: left;  clear: both; width: 100%;}
#aggrigate_data .data_box{  
    float: left;
    height: 28px;
    line-height: 22px;
    margin-right: 2px;
    padding: 0 6px;
    width: 76px;

}

#aggrigate_data .header{ background: url("../img/statistics/data_box_header.gif") no-repeat;  font-size: 12px;color: #fff;}
#aggrigate_data  .value{ background: url("../img/statistics/data_box_bg.gif") no-repeat; color: #000;   font-size: 11px;
                         font-weight: normal !important;}
#aggrigate_data  .institution{ background: url("../img/statistics/data_box_institution_bg.gif") no-repeat;color: #fff; }
#aggrigate_data  .investment{ background: url("../img/statistics/data_box_investment_bg.gif") no-repeat; color: #fff;}
#aggrigate_data  .employment{ background: url("../img/statistics/data_box_employment_bg.gif") no-repeat; color: #fff;}

#aggrigate_data .header, 
#aggrigate_data  .value,
#aggrigate_data  .institution,
#aggrigate_data  .investment,
#aggrigate_data  .employment{ font-weight: bold;  background-size: 100%;}

#aggrigate_data_total{float: left; margin: 10px 0px; padding-left: 15px;}
#aggrigate_data_total .total{float: left;font-weight: bold; margin: 5px 0px;}
#aggrigate_data_total .institution{background: none;  color: #ca9904; }
#aggrigate_data_total .investment{background: none; color: #39a1d4; }
#aggrigate_data_total .employment{background: none; color: #2e952f; }
#legend{position: absolute; left: 15px; top: 260px; width: 180px; height:75px; 
        /*        background:url("../img/statistics/legend.png") no-repeat; */
}

.sbworld_list{ } 
.sbworld_list li{ float: left;
                  line-height: 20px;
                  list-style: none;
                  margin: 0 10px 5px;
                  width: 200px;
                  font-size: 12px;
                  /*                  border-bottom: 1px dotted #CCCCCC;*/
                  background: url("../img/nonarrow.png") no-repeat scroll 3px 6px transparent;
                  padding-left: 10px;
}
.sbworld_list .organization li{  
    width: 288px;
    margin-right: 40px;
}
.sbworld_list .continent{     background: url("../img/test-pass-icon.png") no-repeat scroll 5px 5px #F3F4FF;
                              float: left;
                              font-size: 13px;
                              font-weight: bold;
                              height: 25px;
                              line-height: 28px;
                              /*                              margin-left: 10px;*/
                              padding-left: 25px;
                              width: 94%;  
                              margin-bottom: 5px;
                              /*                              border-bottom: 1px solid #EFECEC;*/
                              border-bottom: 1px solid  #ccc;
}

/*country_detail*/ 
#country_detail{float: left; width: 100%;} 
#country_detail .content a{font-size: 14px;}
#country_detail #left{float: left; width:360px; border-right: 1px #dcdcdc solid; padding-right: 20px;}
#country_detail #right{float: left; width:340px;padding-left:20px;  }
#country_detail .title{float: left; width: 100%; font-size:18px; font-weight: bold; clear: both;  
                       background:url("../img/statistics/title_bg.png") repeat-x scroll 0 -10px transparent; margin-bottom: 5px; margin-top: 10px; }
#country_detail .title span{float: left; width: auto; background: #fff; padding-right: 7px;}
#country_detail .investment_total{color: #356AA0;
                                  float: left;
                                  font-weight: bold;
                                  margin: 10px;
                                  padding-left: 63%;
                                  text-align: left;}
#country_detail .list{margin: 0px;}
.organization   .image {
    border: 1px solid #E1E1E1;
    float: left;
    height: 31px;
    text-align: center;
    width: 58px;
}
#country_detail .block{  margin-bottom: 5px;}
#country_detail .block .content {
    float: left;
    padding: 8px 3px;
    width: 270px;
}
#country_detail #male_female{ 
    /*    z-index: 1;*/
    position: absolute; top: 15px; left: 8px; width: 105px; height: 95px; background:url("../img/statistics/male_female.png") no-repeat scroll 0 0 transparent; background-size: 100% 100%; }
#employment_data {
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding-top: 40px;
    width: 145px;
}
#employment_data .total{color: #497cbc; float: left;width: 100%; margin-bottom: 20px;    }
#employment_data .male{    background: url("../img/statistics/male.png") no-repeat scroll 25px 0 transparent;
                           color: #356aa0;
                           float: left;
                           height: 42px;
                           line-height: 30px;
                           padding-left: 60px;
                           width: 100px;}
#employment_data  .female{    background: url("../img/statistics/female.png") no-repeat scroll 25px 0 transparent;
                              color: #5996d3;
                              float: left;
                              height: 42px;
                              line-height: 30px;
                              padding-left: 60px;
                              width: 100px;}

#country_detail  #sb_university_container, #country_detail  #sb_design_lab_container{float: left; margin-top: 10px;}
#country_detail  #sb_university_container .list{   background: url("../img/statistics/icon_university.png") no-repeat scroll 0 0 transparent;
                                                   float: left;
                                                   height: 27px;
                                                   line-height: 25px;
                                                   padding-left: 39px;
                                                   width: 100%;}
#country_detail  #sb_design_lab_container .list{   background: url("../img/picture.png") no-repeat scroll 1px 8px rgba(0, 0, 0, 0);
                                                   float: left;
                                                   height: 27px;
                                                   line-height: 25px;
                                                   padding-left: 25px;
                                                   width: 100%;}

#country_detail  #sb_event_container{float: left; margin-top: 10px;}
#country_detail  #sb_event_container .list{       background: url("../img/statistics/icon_event.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                                                  float: left;
                                                  height: 30px;
                                                  line-height: 22px;
                                                  padding-left: 32px;
                                                  width: 100%;}

.credit_category{   background: url("../img/test-pass-icon.png") no-repeat scroll 7px 7px #F6F4FF;
                    font-size: 18px;
                    height: 30px;
                    line-height: 30px;
                    margin: 0;
                    padding: 0 0 0 26px;}
.credit_content{float: left; width:340px; padding-bottom: 15px; margin-bottom: 15px;   padding:0px 10px 15px 10px;}

#design_lab_container{}
#design_lab_container .design_lab_row{float: left; width: 100%;  }

#design_lab_container .design_lab{border-radius: 5px 5px 5px 5px;
                                  border: 1px #dddddd solid;
                                  -moz-border-radius:5px 5px 5px 5px;
                                  -webkit-border-top-left-radius: 5px;
                                  -webkit-border-top-right-radius: 5px;
                                  background-color: #F7FBFF;
                                  border: 1px solid #DDDDDD;
                                  border-radius: 5px 5px 5px 5px;
                                  float: left;
                                  padding: 15px;
                                  width:690px;  
                                  margin-bottom: 10px; 
}
#design_lab_container .design_lab_type{  font-size: 130%;}
#design_lab_container .design_lab a{font-size: 88%;}
#design_lab_container .text_align_left{text-align: left!important;}
#design_lab_container .text_align_right{text-align: right!important;}
#design_lab_container .design_lab_left{float: left; width: 70%; }
#design_lab_container .design_lab_right{float: right; width: 25%; }
#design_lab_container .next{background-color: #EFF6FF; }
#design_lab_container .half{width:50%;   }
#design_lab_container .half .design_lab{width:315px; position: relative;   }
#design_lab_container .half .design_lab_left{float: left; width: 100%; }
#design_lab_container .half .design_lab_right{float: right; width:91%; position: absolute; top:30px; }