/*
Document   : common
Created on : Dec 25, 2008, 8:28:17 PM
Author     : Chaitanya
Description:
Purpose of the stylesheet follows.
All the styles are commonly applied on - Before Login & After Login Pages
*/

/*
+----------------------------------------+
|Here are CSS applied on common html tags|
+----------------------------------------+
*/

html {
    display: block;
}

body{
    margin: 0;    /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    overflow:visible;
    color:#222222;
    background-color: #FFFFFF;
    background: url("../../static/images/dotted-bg.png") repeat-x scroll 0 -100px #FFFFFF;
    /*background:url('../../static/images/786.png') repeat-x;*/
    /*background-color: #B1D6F1;*/
    /*background: -moz-linear-gradient(center top , #B1D6F1, #D9EBF9) repeat scroll 0 0 #D9EBF9;
    /* for webkit based */
    /*background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #B1D6F1), color-stop(0.5, #D9EBF9));*/
    /* for MSIE */
    /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#B1D6F1',EndColorStr='#D9EBF9');*/
}

input, select, textarea {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    line-height: 1.5em;
    outline: medium none;
    padding: 4px;
    font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
    color:#999999;
    text-align: left;
}
input:focus, select:focus, textarea:focus {
    border-color: #A2A1A1;
    box-shadow: 0 0 6px #83C8F0;
    color: #000000;
}

form,h1,h2,h3,h4,h5,h6,h7 {
    margin:1px;
    padding:0;
}

h1,h2,h3,h4,h5,h6,h7{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: #148CB5;
    outline:none;
}
a:visited {
    text-decoration: none;
}
a:active {
    text-decoration: none;
    outline: none; /* no dotted outline */
}
a:focus {
    text-decoration: none;
    outline: 1px dotted #000000;
}
a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

span.action,div.action{
    color:#148CB5;
    cursor:pointer;
    cursor:hand;
}

span.action:hover,div.action:hover{
    color:#D24619;
    cursor:pointer;
    cursor:hand;
    text-decoration:underline;
}

.row {
    clear: both;
    width: 100%;
    border: 1px;
    margin: 4px;
}
.cell {
    float: left;
    width: 33%;
    border: 1px;
    margin: 4px;
}
.text-align{
    text-align: center;
}
.global-bg-color{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#87aed4), to(#5381ac));
    background-image: -moz-linear-gradient(#87aed4 7%, #5381ac 100%);
    background-image: -o-linear-gradient(#87aed4 7%, #5381ac 100%);
    background-color: #87aed4;
}
.global-color{
    color: white;
    border: 1px solid #A0BBD6;
    background-image: -moz-linear-gradient(top,#638EB9,#0F4D86);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0F4D86),color-stop(1,#638EB9));
    background-image: -o-linear-gradient(#638EB9 7%, #0F4D86 100%);
    background-color: #638EB9;
}
.global-color:hover {
    background-image: -moz-linear-gradient(top,#4375A8,#0F4D86);
    background-image: -o-linear-gradient(#4375A8 7%, #0F4D86 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0F4D86),color-stop(1,#4375A8));
    background-color: #4375A8;
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.92;
}
.global-button{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-image: initial;
    padding: 7px 10px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
}

.large-button-txt{
    width: 200px;
    color: white;
    font-family: 'League Gothic',sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.small-button-padding{
    padding: 5px 10px;
}

.popup-header{
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    color: white;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica,sans-serif;
    font-size: 17px;
    width: auto;
    padding: 5px 0 5px 10px;
}

/* ########### Index Page CSS started ########### */
.ezdia-box-width-margin{
    margin-top: 18px;
    width: 165px;
    height: 40px;
    margin-left:82px !important;
    cursor: pointer;
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -219px -309px transparent;
}
#play-intro {
    cursor: pointer;
    height: 28px;
    margin-right: 14px;
    margin-top: 21px;
    width: 32px;
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -382px -313px transparent;
}
/* Home Page Top Bar Div Style */

#header{
    margin:auto;
    position: relative;
}
.blue-header {
    height: 70px;
}
.black-header {
    background: url('../../static/images/highlight-menu.png') repeat-x scroll right bottom #222;
    height: 27px;
    opacity:0.98;
    padding-top:1px;
}
.shadow{
    box-shadow:0px 15px 40px #EEE;
    -moz-box-shadow:0px 15px 40px #EEE;
    -webkit-box-shadow:0px 15px 40px #EEE;
}
#header h1 {
    margin: 0;
    padding: 0;
}
#header h1 a, #header h1 span {
    color: #FFFFFF;
    display: inline;
    float: left;
    font-family: MetaBold,Trebuchet MS,sans-serif;
    font-size: 44px;
    font-weight: normal;
    letter-spacing: -2px;
    text-decoration: none;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
#nav {
    float: left;
    margin: 0;
    padding-left:67px;
}
#nav li {
    background: none repeat scroll 0 0 transparent;
    border-right: 1px solid #222222;
    float: left;
    line-height: 23px;
    list-style-type: none;
    padding: 0;
}
#nav ul li {
    background: url('../../static/images/bullet.png') no-repeat scroll 0 0.5em transparent;
    list-style-type: none;
    padding-left: 10px;
}

#nav a, #nav span {
    color: #FFFFFF;
    display: block;
    font-family: ProximaNova-Regular,Gisha,MetaBold,Trebuchet MS,sans-serif;
    font-size: 16px;
    padding: 0 16px 4px;
}
#nav a:hover {
    background: url('../../static/images/highlight-menu.png') repeat-x scroll right bottom transparent;
    color: #D44645;
    text-decoration:none;
}
#nav .ontabactive, #nav .on {
    background: url('../../static/images/highlight-menu.png') repeat-x scroll right bottom transparent;
    color: #D44645!important;
    text-decoration:none;
}
.arrow-right{
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -549px -308px transparent;
    height: 19px;
    margin-top: 5px;
    padding: 0 8px 3px !important;
    font-family: Arial,Helvetica,sans-serif;
}

#nav .arrow-right:hover{
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -549px -308px transparent;
}
.arrow-down{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -291px -150px transparent;
    height: 19px;
    margin-top: 5px;
    padding: 0 8px 3px !important;
    font-family: Arial,Helvetica,sans-serif;
}

#nav .arrow-down:hover{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -291px -150px transparent;
}
.social-sharing-widget-logo{
    display: inline;
    margin-top: 3px;
}
.index-bold-texts{
    color: #8DBAE6;
    font-size: 36px;
    font-family: ProximaNova-Extrabld, Gisha, Calibri, Arial;
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll 0px -351px transparent;
    width: 642px;
    height: 76px;
    margin: 0;
}
h2.index-p-texts{
    color: #837A7A !important;
    font-size: 16px !important;
    font-family: Georgia,"Palatino Linotype",Helvetica, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 556px;
    line-height: 25px;
}
.index-experts-faces{
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll 0px 0px transparent;
    width: 294px;
    height: 312px;
    margin: 30px 40px 10px 50px;
}
.index-OR-partition{
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -602px 0px transparent;
    width: 80px;
    height: 292px;
    margin: 40px 20px;
}
.index-services-faces{
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -296px 0px transparent;
    width: 294px;
    height: 312px;
    margin: 30px 60px 10px;
}
.index-FB-button{
    background: url("../../static/images/indexPageSprite.png") no-repeat scroll -692px 0px transparent;
    padding: 111px 18px;
}
.index-category-container{
    border: 1px solid #CCC;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.index-category-container-header{
    font: 18px Verdana;
    color: black;
    height: 23px;
    padding: 8px 20px;
    border: 1px solid #CCC;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-image: -moz-linear-gradient(top,#FEFEFE,#EEEEEE);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#EEEEEE),color-stop(1,#FEFEFE));
    background-image: -o-linear-gradient(#FEFEFE 7%, #EEEEEE 100%);
    background-color: #FBFBFB;
}
.index-category-list{
    padding: 15px 22px;
}
.index-category-links{
    font: 14px/25px Verdana;
    
}
/* ########### Index Page CSS ended ########### */

/* ########### Home Page CSS started ########### */
.home-page-header-icon-link{
    font-size: 9px; color: #CFDDEA; text-decoration: none; font-family: verdana;
}
.home-page-header-icon-link:hover{
    text-decoration: none;
}
.header-icon-alignment, .profile-icon, .project-icon, .inbox-icon, .connection-icon{
    background: url("../../static/images/sprite-buttons.png") no-repeat;
    margin: 11px 10px 1px 10px;
    width: 33px;
    height: 34px;
}
.profile-icon{
    background-position: 0px -236px;
}
.project-icon{
    background-position: -37px -236px;
}
.inbox-icon{
    background-position: -73px -236px;
}
.connection-icon{
    background-position: -110px -236px;
}
/* ########### Home Page CSS ended ########### */

/* Index Page Links style */
ul.flatUL, ul.inlineUL {
    margin: 0px;
    padding:0;
    /*border-right: 1px solid #DAEFFE;*/
}
.publicMenuItem {
    list-style-type:none;
    border-bottom: 1px solid #DAEFFE;
    padding:7px;
    display:list-item;
    letter-spacing:1px;
}
.publicMenuItem:hover, .publicMenuItem.selected {
    background-color: #EEF6FA;
}
.backgroundGray{
    background-color: #EEF6FA;
}
a.notUnderlined {
    text-decoration: none !important;
}

.indexlinks {
    font-size:13px;
    color:#FFF;
    padding: 0 10px;
}

.noBorderRight{
    border-right:0!important;
}

#support-browser-link{
    background:#E5ECF9; border:1px solid white; text-align:center; padding:5px; color:#000;
}

.SignUp {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -84px -639px transparent;
    color: white;
    cursor: pointer;
    font-family: arial;
    font-size: 21px;
    font-weight: bold;
    height: 33px;
    padding: 8px 6px 0 0;
    text-align: center;
    width: 112px;
}

/* Index Page header fonts */
a.mainCenterTxts{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif; font-size:13px; font-weight:bold; color:black;
}
#error_login_index{
    position:absolute; font-size: 12px; color: red; margin-left:415px; margin-top: -14px;
}

.videoNavButton{
    border:1px solid #DAEFFE; height:207px; cursor:pointer;
}
.videoNavButton:hover{
    border:1px solid #2399C9;
}
#videospace{
    width:240px; margin:0 3px;
}

/* Index Page Slide Show === Start */
a.wht {
    color: #FFFFFF;
}
a.wht:hover, a.grey:hover {
    color: #414141;
}
a.grey {
    color: #414141;
}
/* Unused
a.grey-big-button,span.grey-big-button {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -283px transparent;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 70px 10px 27px;
    text-decoration:underline;
}
a.grey-big-button:hover,span.grey-big-button:hover {
    text-decoration:none;
    color:#333;
}*/
.text {
    color: #FFFFFF;
    font: normal 17px/21px Helvetica,Arial,Sans-serif;
    height: auto;
    padding: 5px 10px;
}
.next {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0 0px transparent;
    height: 9px;
    width: 6px;
    color: #FFFFFF;
    font: 17px/21px Helvetica,Arial,Sans-serif;
    float:left;
    margin-top: 7px;
}
.prev {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -6px 0px transparent;
    height: 9px;
    width: 6px;
    color: #FFFFFF;
    font: 17px/21px Helvetica,Arial,Sans-serif;
    float:left;
    margin-top: 7px;
}
.text p {
    margin-top:20px;
    margin-bottom:10px;
}
p.linktext {
    font: 14px/21px Helvetica,Arial,Sans-serif;
    padding-left: 14px;
    margin:0px;
}
.biz-promo {
    /*background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: 0px 0px;*/
    height: 270px;
    width: 627px;
}
.biz-promo2 {
    /*background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: 0px 0px;*/
    height: 194px;
    width: 627px;
}
.biz-promo3 {
    /*background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: 0px -540px;*/
    height: 194px;
    width: 627px;
}
.biz-promo4 {
    /*background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: -627px 0px;*/
    height: 194px;
    width: 627px;
}
.biz-promo5 {
    /*background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: -1254px 0px;*/
    height: 194px;
    width: 627px;
}
.slide-blue-bg{
    background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: -1452px 0px;
    height: 194px;
    width: 264px;
}
.slide-first-bg{
    background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: 0px 0px;
    height: 194px;
    width: 363px;
}
.slide-second-bg{
    background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: -363px 0px;
    height: 194px;
    width: 363px;
}
.slide-third-bg{
    background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: -726px 0px;
    height: 194px;
    width: 363px;
}
.slide-fourth-bg{
    background: url('../../static/images/flash-slide-sprite.jpg') no-repeat scroll 0 0 transparent;
    background-position: -1089px 0px;
    height: 194px;
    width: 363px;
}
.slideshow {
    position: relative; height: 194px; left: 0px; width: 627px;
    /*cursor: pointer;*/
}
/* Index Page Slide Show === End */

.padding-0{
    padding:0!important;
}
.padding-10px{
    padding-left:10px!important;
}

.midContentBar {color:white; width:100%; height:51px;}

/* Index Page Bottom Tags Cloud Tabs Style */
#wrapper{
    width: 580px;
    margin: 0 auto;
    height:auto;
    text-align:center;
}
.box{
    background: #fff;
}
.boxholder{
    clear: both;
    padding: 5px;
    border:1px solid #2DADE1;
    margin-left:1px;
}
.boxHeaderStyle{
    margin-left: 17px;
    width:305px;
    height:auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:url('../../static/images/blue_mid_bar.png') repeat-x;
    background-position: 0 -10px;
    /*border:1px solid #2399C9;*/
    border:1px solid #E3E9FF;
    text-align:center;
    overflow:hidden;
}
.TopListHeaderTxts{
    color:#FFF; margin:0; padding:0px; font-size:17px;
}
.IndexPageTopListBox{
    height:300px; overflow:hidden; position:relative;
}
.big-text-counts{
    text-align:center; height: 50px; font-family:arial;
}
.font-size-45{
    font-size:45px;
}
.font-size-23{
    font-size:23px;
}
.expert-icon{
    margin-right: 5px; 
    width: 40px;
    height: 45px;
    overflow: hidden;
    vertical-align: middle;
}
.default-expert-icon{
    width: 40px;
    height: 45px;
    overflow: hidden;
    vertical-align: middle;
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -127px -87px;
}
.expert-login-status{
    position:relative; margin-left:16px;
}
.expert-button-section {
    height: 45px;
    left: 220px;
    position: absolute;
    width: 95px;
}
.top-list-action-e{
    height: 14px;
}
.top-expert-pcr{
    padding: 0pt 4px 4px; line-height: 15px; width:165px;
}
.TopLists{
    position:relative; height: 250px; margin: 0pt; width: 198px; overflow:hidden;
}
h3.top-list-header-link{
    color:#DA1F3E; margin:10px; margin-bottom:0; cursor:pointer; text-decoration:underline; font-weight:bold; font-size:14px;
}
.top-expert-pcr-box{
    width:165px; overflow:hidden; max-height:15px;
}
.TopBox{
    border-bottom:1px solid #DAEFFE; margin:5px;
}
.height47{
    height:47px;
}
.height50{
    height:50px;
}
.height36{
    height:36px;
}
.height30{
    height:30px;
}
.expert-pcr{
    line-height: 15px; text-align: left; width:115px;
}
.topList-titleName{
    color: #004080; font-size:12px; text-transform:capitalize;
}
.marginR3{
    margin-right:3%;
}
a.black-underline{
    text-decoration:underline; color:black;
}
.buttons-section{
    position: absolute; margin-left: 102px; margin-top: -45px;
}
.marg-110-0{
    left:110px; margin-top: 0px;
}
.margin30-25{
    margin-top: 30px; margin-left: -25px;
}
.connect-link {
    margin:8px 0 0 15px;
    font-weight:bold;
}
.defaultOpt{
    border-bottom: 1px solid #DAEFFE; margin: 5px; padding-bottom: 8px;
}
.color-mehroon{
    color: #990000;
}

.top-project-name{
    overflow: hidden; width: 305px; padding: 0pt 4px 4px; height: 11px;
}
.top-project-name a{
    color: #004080;
}
.top-project-category{
    width: 220px; height: 15px; overflow: hidden; color: #333; padding-left:5px;
}
.project-category{
    width: 130px; height: 15px; overflow: hidden; color: #333;
}
.top-project-duration{
    width: 60px; height: 15px; overflow: hidden; color: #666666;
}

.top-content-name{
    overflow: hidden; width: 300px; padding: 0pt 4px 4px; height: 11px;
}
.content-source-name{
    width:300px; height:13px; overflow: hidden;
    padding-left:5px; color: #333;
}
.row-search{
    margin: 4px;
}
.cell-search{
    width: auto;
    margin:0;
}
.cell-search-txtLinks{
    width: auto;
    margin: 0 24px 0 6px;
}

.iesearchResultDiv{
    margin-top:25px!important;
}

#mainBrowseCatDiv{
    float: left; width: 235px;
}

#innerSearchResultDiv{
    height: auto; float: left; width: 714px;
}
.expertSearchUserCard{
    position: relative; width: 100%; height: auto;
}
.expert-card-content{
    position: relative; width: auto; height: 90px; border-bottom:1px solid #DAEFFE; left: 0px; top: 0px;
}
.expert-thumbnail-holder{
    height: 110px;
    overflow: hidden;
    padding-top: 10px;
    vertical-align: middle;
    width: 120px;
}
.expert-available-status{
    display:block;
    color: #222222;
    letter-spacing: 1px;
}
.expert-card-info-holder{
    overflow: hidden;
    height: 135px;
    line-height: 19px;
    width: 64%;
    padding-top: 5px;
}
.expert-action-buttons{
    overflow: hidden;
    line-height: 19px;
    height: 120px;
    width: 17%;
    padding-top: 8px;
}
/* Index Page Search Bar Background Div Style */
.indexSearchBg{
    background:url('../../static/images/flash-slide-sprite.jpg');
    background-repeat:no-repeat;
    background-position: 0px -970px;
    width:625px;
    height:90px;
    margin:0 21px;
}

/* Rating/Review/Feedback Style */
.rating0{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -135px 0px transparent;
    width:65px;
    height:10px;
    margin-right: 4px;
    margin-top: 3px;
}
.rating1{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -135px -10px transparent;
    width:65px;
    height:10px;
    margin-right: 4px;
    margin-top: 3px;
}
.rating2{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -135px -20px transparent;
    width:65px;
    height:10px;
    margin-right: 4px;
    margin-top: 3px;
}
.rating3{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -135px -30px transparent;
    width:65px;
    height:10px;
    margin-right: 4px;
    margin-top: 3px;
}
.rating4{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -135px -40px transparent;
    width:65px;
    height:10px;
    margin-right: 4px;
    margin-top: 3px;
}
.rating5{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -135px -50px transparent;
    width:65px;
    height:10px;
    margin-right: 4px;
    margin-top: 3px;
}

.bigSearchBarGray{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    width:354px;
    color:#CCC;
    font-size:16px;
    font-weight:bold;
}

#searchButton{
    font-weight: bold; font-family: arial; width: 70px; height: 24px; padding-top: 0pt; font-size: 14px;
}
/*input.bigSearchBarBlack{
font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
width:325px;
font-size:19px;
color:black;
border:1px solid black;
}*/
.login-button-box {
    height: 35px;
    margin-left: 57%;
    margin-top: 0px;
    width: 92px;
}
.login-button{
    height:30px;
    background-color: #2A2A2A;
    width: 90px;
    text-align: center;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-radius: 0 0px 5px 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #777;
    -webkit-box-shadow: 1px 1px 1px #777;
    box-shadow: 1px 1px 1px #777;
    opacity:0.9;
}
.login-button:hover{
    background-color: #3A3A3A;
    cursor:pointer;
    text-decoration:none;
}
.login-link{
    font-family:MetaBold,Trebuchet MS,sans-serif;
    font-size: 18px;
    font-weight:bold;
    color:#FFF;
    letter-spacing:0.04em;
}
.login-link:hover{
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);
    text-decoration:none;
}
.eZdia-headline{
    font-size: 41px;
    margin: 0;
    color:#FFF;
    font-weight:normal;
    font-family:Century Gothic;
}
.eZdia-Punchline {
    color: #FFF;
    font-family: Century Gothic;
    font-size: 19px;
}
/* Unused 21 Dec 2011
.search-box{
    border-color: #3A3A3A #FFFFFF #3A3A3A #3A3A3A;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    background-color:#FFF;
    margin: 0pt;
    padding: 0pt;
    font-size:15px;
    font-family:Arial;
    font-weight:bold;
    height:24px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    padding-left: 5px;
    width: 240px;
}
#SearchSelection {
    background-color: #FFF;
    border-color: #3A3A3A #FFFFFF #3A3A3A #3A3A3A;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    font-size:15px;
    font-family:Arial;
    font-weight:bold;
    height: 26px;
    margin: 0;
    padding: 2px;
    width: 170px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}*/
/* Index Page Forget Password Div Content Styles */
.Password_Text {
    position: absolute;
    width: 69px;
    height: 17px;
    z-index: 1;
    left: 245px;
    top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.border_tab{
    font-size:12px;
    font-weight:bold;
    color:#568BB1;
    padding-top:2px;
    text-align:center;
    border:2px solid #E8E8E8;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.pageContentDiv{
    position:relative; padding-left:20px; width: 710px; height: auto; text-align: justify; font-size:13px;
}
h1.titleHeaderTexts{
    font-size: 25px; font-family: MetaBold,Trebuchet MS,sans-serif; font-weight: normal; margin:20px 0;
}

/* Careers Link Style */
.joblisthead {
    background-color: #0285C5;
}
.unsearchtable_head {
    background-color: #0285C5;
    color: white !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

/* FAQs Links Style */
.FAQLink{
    color:#4070A0;
    font-size:12px;
    margin-top:10px;
}
.FAQLink:hover{
    text-decoration:underline;
}
.FAQAns{
    color:#4070A0;
    font-size:14px;
    font-weight:bold;
}
.FAQAnsText{
    line-height:15px;
    color:#333;
    font-size:12px;
}
.FAQTop{
    text-align:right;
    border-bottom:1px solid #999;
}
.FAQToplink{
    color:#004080;
    font-size:12px;
}

/* Index Page Footer Skill Directory Style */
#footer-skill-directory-container {
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 0.07em;
    padding-top: 20px;
}
.footer-copyright-version{
    padding-top:20px;
}
.footer-left-box{
    width:650px;
}
.footer-right-box{
    width:300px;
}
#siteseal{
    padding-top:2%;
}
.footer-skill-bg{
    width:950px; margin:auto;
}
ul#footer-skill-directory-index{
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
}

ul#footer-skill-directory-index li{
    padding:0px 2px;
    display:inline;
}
ul#footer-skill-directory-index li a{
    color:#FFF;
}
#skill-alphabet{
    padding:10px 3px;
}
#skill-alphabet .header{
    width:18%;
}
#skill-alphabet .aplahabet-box{
    width:75%;
}
#skill-alphabet a{
    font-weight:bold;
    font-size:12px;
    padding:8px;
    color:#22AADD;
}
#skill-alphabet a:hover{
    text-decoration:underline;
    background-color:#2AD;
    color:white !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px;
}
#skill-alphabet-selected{
    background-color:#2AD;
    color:white !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px;
}
.skillDir{
    font-size: 21px;
    width: 270px;
}
#skills-urls-container span{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -1px 3px transparent;
    height: 9px;
    margin: 10px;
    padding: 0 3px;
    width: 6px;
}
#skills-urls-container .para{
    margin: 0;
    padding: 0;
    line-height:20px;
}
#skills-urls-container a{
    color:#22AADD;
    font-size:13px;
}
#skills-urls-container .width-73{
    width:73%;
}
#skills-urls-container .width-25{
    width:25%;
}
#skills-urls-container .header {
    background: none repeat scroll 0 0 #EEEEEE;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

/* Index Page Registration Popup Divs like Invite & Import Friends Style */
div.login_popup_left_box{
    float: left;
    padding: 10px;
    width: 360px;
    border-right: 2px dotted #DDEAEA;
    margin-top:10px;
}

div.login_popup_right_box{
    float: right;
    padding: 10px;
    width: 360px;
    margin-top:10px;
}

h2{
    font-size: 14px; color: #1F6598; font-weight:bold; text-decoration: none;
}

.closetextreg{
    color: #1F6598; font-weight:bold; text-decoration: none;
}
.com_textreg{
    font-size: 12px; text-decoration: none;
}

.blue_textreg{
    color: #1F6598; text-decoration: none;
}
.blue_smalltxt{
    font-size: 9px; color: #1F6598; text-decoration: none;
}
.gray_textreg{
    color: #999999; text-decoration: none;
}
.user-reg-box{
    font-size: 13px; width: 298px !important; font-family:arial;
}
.user-reg-box-height{
    height: 189px;
    text-align:center;
}
.join-now-btn-padding{
    padding:8px;
}
.margin-zero{
    margin:0;
}
.signup-divider{
    border-bottom:1px dotted; text-align:center; color:#666; margin:0 auto; border-color:#666; width:250px;
}
.signup-divider-or{
    position:relative; top:8px; padding:0 5px; background:#FFF;
}
.fb-btn-margin-top{
    margin-top: 11px;
    /*height:100px;*/
    overflow:hidden;
}
#footer {
    border-top: 10px solid #2A2A2A;
    margin:auto;
    height: 320px;
    padding-top: 20px;
    position: relative;
    font-family:Arial;
    color:#FFF;
    opacity:0.98;
}
#footer p{
    color:#FFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 7px;
    padding: 0;
    padding-left:50px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    font-family: MetaBold,Trebuchet MS,sans-serif;
}
.footer-link-color{
    color:#FFF;
}
.footer-nav {
    list-style: none outside none;
    margin: 0;
}
.footer-nav li {
    background: none repeat scroll 0 0 transparent;
    font-size: 12px;
    margin-bottom: 0.25em;
    padding-left: 0;
    font-family: MetaBold,Trebuchet MS,sans-serif;
}
.follow-us{
    padding: 4px 0 0 0;
}
.follow-us ul {
    margin: 0;
    padding: 0;
    list-style:none;
}
.follow-us li {
    list-style: none;
    margin: 0 0 10px 0;
    font-size: 12px;
    padding: 0;
}
.follow-us li a {
    display: block;
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: 0px -743px;
    padding: 5px 8px 5px 2px;
    color: #666;
    width: 276px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.follow-us li a:hover{
    background-position: 0px -773px;
    text-decoration:none;
}
.follow-us span {
    margin-left: 5px;
    padding: 0 0 4px 22px;
}
.icon-epad {
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -293px 0px;
}
.icon-twitter{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -291px -43px;
}
.icon-facebook{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -291px -22px;
}
.icon-linkedin{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -291px -65px;
}
.icon-rss{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -291px -87px;
}
.icon-youtube{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -291px -111px;
}
#top_header{
    margin:auto;
    position:relative;
    width: auto;
    height: 46px;
    left:0px;
    z-index: 1;
    background: url('../../static/images/headerBG.png');
    background-repeat:repeat-x;
}

#mid-page-content{
    margin-left:auto;
    margin-right:auto;
    width:970px;
    height:100%;
}
#mid-page-content h2{
    color: #2399C9;
    font-family: MetaBold,Trebuchet MS,sans-serif;
    font-size: 49px;
    font-weight: normal;
    /*letter-spacing: -0.02em;*/
    padding-bottom: 20px;
    padding-top: 30px;
    margin: 0;
}
#mid-page-content h3{
    color:#4B4740;
    font-family: georgia;
    font-size: 23px;
    font-style: italic;
    font-weight:normal;
    margin: 0;
    padding-bottom:10px;
}
#mid-page-content h4{
    color: #4B4740;
    font-size: 21px;
    margin: 5px;
}
.header-box{
    margin-left:auto; margin-right:auto; width:970px;
}
.search-icon{
    display: block;
    position: relative;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-decoration: none !important;
    text-align: center;
    background-image: url('../../static/images/btn_overlay.png');
    background-repeat: repeat-x;
    font-family: 'League Gothic',sans-serif;
    width: 18px!important; 
    padding: 4px!important;
    border:1px solid #3A3A3A!important;
    border-left:0px !important;
    border-radius: 0 5px 5px 0!important;
    -moz-border-radius:0 5px 5px 0!important;
    -webkit-border-radius:0 5px 5px 0!important;
}
.search-icon:hover{
    background: #00AEEF!important;
}
.nav-box-width{
    width: 780px;
}
.search-box-width{
    margin-top: 20px;    
}
.logo-holder{
    position: relative; 
    top: -6px;
    width: 103px;
    height:165px;
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -204px -574px;
}
.small-logo-holder{
    position: absolute;
    top: -2px;
    width: 68px;
    height:107px;
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -240px -465px;
    z-index:100;
}
.facepile{
    margin-left: 497px; position: absolute; height: 63px; margin-top: -6px;
}
/* Unused 12/19/2011
.fb-like-btn{
    z-index: 5;
    position: relative;
    width: 80px;
    display: inline;
    top: -13px;
}
.google-plus {
    z-index: 5;
    position: relative;
    width: 82px;
    display: inline;
    margin-top: -13px;
}*/
.share-box-holder {
    margin-left: 787px;
    position: relative;
    top: -87px;
    width: 175px;
}
.shareOn-texts {
    color: #666666;
    padding-top: 2px;
    width: 55px;
}
.share-buttons-box-width{
    width:120px;
}
.round-edge-shadow {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
    -webkit-box-shadow: 0 1px 4px #CCCCCC;
    margin-bottom: 35px;
    overflow: auto;
    padding: 4px;
    width: auto;
}
.slide-box-margin-right{
    margin-right: 15px;
}
.top-list-header{
    font-size:16px;
    font-weight:bold;
    font-family:arial;
    color:#FFF;
    letter-spacing:0.02em;
    background:#2399C9;
    padding:4px;
    margin-top:8px;
    text-align:center;
}
.round-edge-shadow-top-experts {
    border-bottom: 1px solid #EEEEEE;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    border-top-left-radius: 10px;
    box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
    -webkit-box-shadow: 0 1px 4px #CCCCCC;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    padding: 10px 0 0 0;
    margin-bottom:40px;
    background:#FFF;
    width:319px;
}
.round-edge-shadow-top-projects {
    border: 1px solid #EEEEEE;
    box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
    -webkit-box-shadow: 0 1px 4px #CCCCCC;
    padding: 10px 0 0;
    margin-bottom:40px;
    background:#FFF;
    width:318px;
}
.round-edge-shadow-top-content {
    border-bottom: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    border-top-right-radius: 10px;
    box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
    -webkit-box-shadow: 0 1px 4px #CCCCCC;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    padding: 10px 0 0 0;
    margin-bottom:40px;
    background:#FFF;
    width:318px;
}
.chat-icon{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -123px -132px;
    height: 19px;
    width: 26px;
    margin:0px 5px 5px;
}
.chat-icon:hover{
    background-position: -92px -132px;
}
.msg-icon{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -52px 0px;
    height: 16px;
    width: 25px;
    margin:0px 4px 5px;
}
.skype-icon{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -107px 0px;
    height: 16px;
    width: 16px;
    margin:0px 5px 5px;
}
.add-conn-icon{
    background: url('../../static/images/sprite-buttons.png') no-repeat scroll 0 0 transparent;
    background-position: -290px -130px;
    height: 17px;
    width: 18px;
    margin-right:5px;
}
.connect-label{
    padding:3px;
}
#middle-content-area{
    margin-left:auto;
    margin-right:auto;
    width:950px;
    height:100%;
    padding-top:20px;
}
#globalErrorMessage{
    /*margin: 4px;*/ overflow: hidden; font-size: 13px; text-align: center; color: black; padding-top: 4px; padding-bottom: 4px;
}
div.division {
    height: expression( this.scrollHeight > 19 ? "20px" : "auto" ); overflow:hidden; text-overflow:ellipsis;/* sets max-height for IE */
}
div.division {
    max-height: 18px; overflow:hidden;/* sets min-height value for all standards-compliant browsers */
}
.cell-search-btn4{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -108px -541px transparent;
    cursor: pointer;
    float: left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    margin: 5px;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 90px;
}
/* Home Page Center or Middle Div Content style */
#middle_div {
    clear:both;
    position: relative;
    width: 950px;
    margin: auto;
    text-align: left;
    background-color: transparent;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    height: auto; z-index: 2;
    min-height: 690px;
}

/* Main Popup Divs style */
#PostLinkPopUp{
    position: fixed; width: 780px; height: auto; left: 0%; margin-top: 0%; z-index: 10; padding: 0px; top:0px;
}
#postRequirement{
    position: fixed; width: 750px; height: auto; left: 0%; margin-top: 0%; z-index: 10; padding: 0px; top:0px;
}
#common{
    position: fixed; width: 780px; height: auto; left: 0%; margin-top: 0%; z-index: 10; padding: 0px; top:0px;
}
#ConnectionPopUp{
    position: fixed; width: auto; height: auto; left: 0%; margin-top: 0%; z-index: 10; padding: 0px; top:0px;
}
#mynewpopup{
    position: fixed; width: auto; height: auto; left: 0%; margin-top: 0%; z-index: 10; padding: 0px; top:0px;
}
#err{
    background-color: #FFFFFF; border: 4px solid #C6D6FD; position:absolute; left:300px; border:1px solid #CCCCCC; width:auto; color:#D24619;
}

/* User Home & Edit Profile Cards Div CSS */
#outerCardDiv{
    position:relative;
    margin-top:0px;
}
#ConnectionsDiv{
    position: absolute; width: 207px; height: auto; padding: 0px; left: 78.5%; top: 6px; z-index: 10;
}
#ConnectionList{
    margin-top:0px;
}
#MyConnections{
    padding:0; width: 100%; height:auto; position:relative;
}
.businessCardInnerDiv{
    height: 134px; width: 400px;
}
hr.separator {
    border: 0;
    color: #DAEFFE;
    background-color: #DAEFFE;
    height: 1px;
    width: 100%;
    text-align: center;
}

/*#button{
    display: block;
    color: white !important;
    text-decoration: none;
    position: relative;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-decoration: none !important;
    text-align: center;
    color: white;
    height: auto;
    background-image: url('../../static/images/btn_overlay.png');
    background-repeat: repeat-x;
    font-family: 'League Gothic',sans-serif;
}
.btn-red-large{
    display: block;
    color: white !important;
    text-decoration: none;
    position: relative;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-decoration: none !important;
    text-align: center;
    color: white;
    height: auto;
    background-image: url('../../static/images/btn_overlay.png');
    background-repeat: repeat-x;
    font-family: 'League Gothic',sans-serif;
    clear: both;
    float: left;
    border-top: 1px solid #E97284;
    border-bottom: 1px solid #EE8292;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 0 2px #222222;
    -webkit-box-shadow: 0 0 2px #222222;
    box-shadow: 0 0 2px #222222;
    border-radius: 3px;
    font-size: 18px;
    padding: 10px 20px;
    margin:15px;
    line-height:20px;
    color: white;
    background-color: #D91E3D;
    background-position: 0 47%;
}
.btn-red-large:hover{
    background-color: #D72F3F;
    text-decoration: none !important;
}
.btn-blue-large{
    display: block;
    color: white !important;
    text-decoration: none;
    position: relative;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-decoration: none !important;
    text-align: center;
    color: white;
    height: auto;
    background-image: url('../../static/images/btn_overlay.png');
    background-repeat: repeat-x;
    font-family: 'League Gothic',sans-serif;
    border-left: 1px solid #2399C9;
    border-right: 1px solid #2399C9;
    border-top:1px solid #45BCD2;
    border-bottom:1px solid #45BCD2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 0 #4070A0, 0 -1px 0 #4070A0;
    -moz-box-shadow: 0 1px 0 #4070A0, 0 -1px 0 #4070A0;
    box-shadow:0 1px 0 #4070A0, 0 -1px 0 #4070A0;
    background-color: #2399C9;
    font-size: 17px;
    font-weight: bold;
    padding: 6px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    width: 200px;
    background-position: 0 48%;
    cursor:pointer;
    cursor:hand;
}

.btn-blue-large:hover{
    background-color: #2291BF;
    text-decoration: none !important;
    cursor:pointer;
    cursor:hand;
}*/
.btn-orange{
    background-color: #FF6600;
    border-color: #FF4506;
    border-top-color:#FFA74F;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 2px;
    width: 100px;
    -webkit-box-shadow:0 1px 0 #FB7D00, 0 -1px 0 #FB7D00;
    -moz-box-shadow: 0 1px 0 #FB7D00, 0 -1px 0 #FB7D00;
    box-shadow:0 1px 0 #FB7D00, 0 -1px 0 #FB7D00;
}
.btn-orange:hover{
    background-color: #FF632F;
    text-decoration: none !important;
    cursor:pointer;
    cursor:hand;
}
.btn-orange-light{
    background-color: #FF8409;
    border-color: #FFA74F;
    color: white;
    -webkit-box-shadow:0 1px 0 #C09831, 0 -1px 0 #C09831;
    -moz-box-shadow: 0 1px 0 #C09831, 0 -1px 0 #C09831;
    box-shadow:0 1px 0 #C09831, 0 -1px 0 #C09831;
}
.btn-orange-light:hover{
    background-color: #FF8337;
    text-decoration: none !important;
    cursor:pointer;
    cursor:hand;
}

/* Search Results Css */
.radius-7px{
    -moz-border-radius: 7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

/* Inbox Css */
#messageMainDiv{
    position: relative; width: 737px; height: auto; left: 0px; top: 0px; z-index: 10;
}
.mailBoxBlueHeader{
    height: auto; z-index: 10; position: relative; width: 731px; left: -10px; top: -11px;
}
.mailInnerTabDiv{
    position: relative; height: auto; z-index: 10; width: 100%; top: -36px; left: 0pt;
}

/* Home Page CSS */
.i-know-txts{
    cursor:pointer;
    text-align:center;
    line-height:12px;
    margin-top:3px;
    color:white;
}
.i-know-txts:hover{
    color:black;
}
.i-want-txts{
    cursor:pointer;
    text-align:center;
    color:white;
    margin-top:2px;
}
.userhometab:hover{
    text-decoration:none;
    font-weight:bold;
    color:black;
}

.i-want-txts:hover{
    color:#4BD;
}
div.kbtxt{
    font-size:11px;
    text-align:right;
    font-weight:bold;
    padding: 3px 0px 3px 0px;
}
td.kbtxt{
    font-size:11px;
    text-align:right;
    font-weight:bold;
}
td.kbtxt1{
    font-size:15px;
    text-align:left;
}
select.kbtxt{
    font-size:11px;
    color:#999999;
}
a.kbtxt{
    font-size:12px;
    color:#048;
    position: absolute;
}

.gFormFields{
    padding: 2px;
    color:#666;
    background-color:#F4F9FF;
    width: 300px;
    border:1px solid #999;
}

/* Home Page My Connection header css */
.connHeadTitle{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    border-bottom: 1px solid #DAEFFE;
    margin-top: 0%;
    color: #990000;
    font-size: 12px;
    text-align: center;
    height: 7%;
    width: 100%;
    margin-left: 0%;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Home Page MailBox Styles */
.inbox_type_style {
    text-align: left;
    color:#004080;
}
.mail-blue-txt{
    color:#048;
    text-decoration:none;
}
.mail-blue-txt:hover{
    text-decoration:underline;
}
td.mail-top-headings{
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #222222;
    font-size: 7pt;
    font-weight: bold;
    height: 23px;
}
td.mail-txts{
    border-bottom:1px dotted #CCC;
    height:35px;
    overflow:hidden;
    cursor:pointer;
}
.inv-cell{
    float: left;
    width: 33%;
    border: 1px;
    margin: 2px;
}
div.mail-cell{
    border-bottom:1px solid #DAEFFE;
    overflow:hidden;
    cursor:pointer;
    float:left;
}
div.mail-row{
    clear:both;
    margin:3px;
    width:100%;
    height:19px;
}

div.spacer{
    background-color:transparent;
}
div.mail-inner-data{
    overflow:hidden;
    height:28px;
}

.nml_bluetxt{
    color:#048;
    text-align:right;
    font-weight:bold;
}
select.grytxt{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    color:gray;
    padding:2px;
    border:1px solid #79B;
}
.slashforward{
    font-size:15px;
    color:gray;
}
input.grytxt{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    color:gray;
    padding:2px;
    border:1px solid #79B;
}
textarea.grytxt{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    color:gray;
    padding:2px;
    border:1px solid #79B;
}

/* Project Details & Description div based table structure css */
div.rowPrj {
    clear: both;
    width: 100%;
    border: 1px;
}
div.cellPrj {
    float: left;
    width: 33%;
    border: 1px;
    text-align:justify;
}
#second_Actdiv{
    height: auto; overflow: hidden; width: 420px; padding: 0px 10px 0px;
}

#projOpenDetailMainDiv{
    width: 740px; position: relative; height: auto; margin-top: 5px; margin-right: 10px;
}

#proj_InnerDiv{
    line-height:16px; height: auto;
}

#updatesDivMyUpdates{
    position: relative; width: 740px; height: auto; left: 0px; top: 0px;
}

#projBidAmount{
    width: 100%; height: auto;
}

#updatesDivAssociatedExpertUpdates{
    width: 740px; height: auto; top: 0px; left:0px; position: relative;
}

#projApplicantUsersCardHolder{
    height: 155px; left: 0px; z-index: 10; position: relative; clear: both; width: 100%; top: 5px;
}

#projBusinessCardHolder{
    top: 0px; left: 0pt; float: left; width: 375px; position: relative; z-index: 10;
}

#projBidStatusCardHolder{
    width: 354px; float: left; z-index: 1; margin-left: -15px; margin-top: 8px; height: 148px;
}

.projInnerBidAmountDiv{
    width: 734px; height: 27px;
}

.projBlueHeaderDiv{
    position:relative; margin-top: -11px; width: 724px; z-index: 10; margin-left: -10px;
}

div.rowPrjInv {
    clear: both;
    width: 100%;
    margin: 2px;
    margin-top:1px;
    margin-bottom:1px;
}
div.cellPrjInv {
    float: left;
    width: 33%;
    margin: 2px;
    margin-top:1px;
    margin-bottom:1px;
}

div.black_smalltxt_Act{
    color:#555;
    width:140px;
    overflow:hidden;
}
.Letters{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #2AD; text-decoration: none; line-height:14px;
}
.Letters:hover{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #D24619; text-decoration: underline;
}

/*Invite Friends Popup Start*/
.invite-all-checkbox {
    left: 352px;
    margin: 58px 0 0 -10px;
    position: relative;
    width: 28px;
}
.top-invitee-bar {
    height: 25px;
    left: 371px;
    position: absolute;
    top: 37px;
    width: 349px;
    cursor:pointer;
}
.invitees-box{
    border: 1px solid #2DADE1;
    height: 263px;
    left: 370px;
    position: absolute;
    top: 60px;
    width: 350px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#invite-compose-msg{
    position: absolute; width: 350px; top: 330px; height: 100px; left: 370px;
}
textarea.type-personal-msg{
    border: 1px solid #2DADE1;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 100px;
    top: 326px;
    width: 348px;
}
#import_divDetails{
    position: absolute; width: 723px; height: 450px;
}
#smallrighthline{
    left: 0px; position: absolute; top: 30px;
}
#logo_div{
    position: absolute; width: 52px; height: 90px; z-index: 3; left: 10px; top: 0px
}
#project-expert-list-label{
    position: absolute; width: 260px; height: 20px; left: 50px; top: 10px; color:#2AD; font-size:15px; font-weight:bold; font-family:Arial;
}
#Already_invite{
    position: absolute; width: 340px; left: 0px; top: 60px; border:1px solid #2DADE1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.experts-listing-results{
    display: block; overflow-x: hidden; overflow-y: auto; height: 185px; width: 340px;
}
.chk-box-invitee{
    margin-right:4px; text-align:right; width:20px;
}
.expert-name-holder{
    border-bottom:1px solid #CCCCCC; padding:5px; height:17px;
}
.expert-user-name{
    overflow: hidden; width: 250px; padding-top:3px;
}
#Check_Invite{
    position: absolute; width: auto; height: auto; left: 0px; top: 2px;
}
.invite-all-text-label{
    position: absolute; width: auto; height: 20px; left: 25px; top: 3px; color: rgb(34, 170, 221); font-weight: bold; font-family: arial; font-size: 15px;
}
#import-listing-results{
    padding:5px; border-top:1px solid #CCCCCC; padding: 0px; display: block; overflow-x: hidden; overflow-y:auto; height: 260px; width: 350px;
}
.bdr-bottom {
    border-bottom:1px solid #CCCCCC;
}
.invitee-name{
    padding:3px; padding-bottom:0px;
}
.invitee-email{
    margin-left:70px;font-style:italic;color:#1F6598; padding:3px;
}
.chk-chars{
    background-color:white; border:0; font-size:11px;
}
.act-btn-holder{
    position: absolute; top: 460px;
}
/*Invite Friends Popup End*/

td.bdrline{
    border-bottom:1px solid #CCC;
    border-top:1px solid #CCC;
    color:#048;
    font-weight:bold;
    height:25px;
}
td.bdrbottomline{
    border-bottom:1px solid #CCC;
    height:50px;
    padding-left:13px;
    overflow:hidden;
}
td.bdrbottomline1{
    border-bottom:1px solid #CCC;
    height:50px;
    overflow:hidden;
    text-align:center;
}
.txt_clr{
    color:#048;
}
.id_txt{
    color:black;
    text-decoration:underline;
}
.exp_graytxt{
    font-size:10px;
    color:#999;
}
.bgt_txt{
    color:#900;
    font-size:10px;
}
.normal_txt{
    color:black;
}

.show_allTxt{
    text-align:right;
    cursor:pointer;
    position:relative;
    margin-top:10px;
    font-size:10px;
    width:700px;
    text-decoration:underline;
    color:#048;
}

.title-name {
    font-size:12px; margin:0; display:inline;
}
.expertNameURL {
    color:#004080; text-transform:capitalize; text-decoration: underline;
}
.expertNameURL:visited, expertNameURL:hover, expertNameURL:active {
    text-decoration: underline;
}
#statusdiv{
    text-transform:capitalize;
}

.cloud_elem_s10:hover,.clr_blue10:hover,
.cloud_elem_s11:hover,.cloud_elem_s12:hover,.clr_blue11:hover,
.cloud_elem_s13:hover,.cloud_elem_s14:hover,.clr_blue12:hover,
.cloud_elem_s15:hover,.cloud_elem_s16:hover,.clr_blue13:hover,
.cloud_elem_s17:hover,.cloud_elem_s18:hover,.clr_blue14:hover,
.cloud_elem_s19:hover,.cloud_elem_s20:hover,.clr_blue15:hover,
.cloud_elem_s21:hover,.cloud_elem_s22:hover,.clr_blue16:hover,
.cloud_elem_s23:hover,.cloud_elem_s24:hover,.clr_blue17:hover,
.cloud_elem_s25:hover,.cloud_elem_s26:hover,.clr_blue18:hover,
.cloud_elem_s27:hover,.cloud_elem_s28:hover,.clr_blue19:hover,
.clr_blue20:hover,.clr_blue21:hover,.clr_blue22:hover,
.clr_blue23:hover,.clr_blue24:hover,.clr_blue25:hover,
.clr_blue26:hover,.clr_blue27:hover,.clr_blue28:hover,
.clr_blue29:hover,.clr_blue30:hover
.cloud_elem_s29:hover,.cloud_elem_s30:hover{
    text-decoration:underline;
    cursor:pointer;
}
.cloud_elem_s10,.clr_blue10{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    color:#2AD;
    padding-right:10px;
    font-weight:bold;
    font-size:10px;
    cursor:pointer;
}
.cloud_elem_s11,.clr_blue11{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#7777BB;
    padding-right:11px;
    padding-left:2px;
    cursor:pointer;
}
.cloud_elem_s12,.clr_blue12{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:12px;
    padding-right:12px;
    color:#aed4f1;
    font-weight:bold;
    cursor:pointer;
}
.cloud_elem_s13,.clr_blue13{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:13px;
    padding-right:13px;
    color:#332266;
    font-weight:bold;
    cursor:pointer;
    display:block;
}
.cloud_elem_s14,.clr_blue14{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:14px;
    color:#BBDDDD;
    padding-right:15px;
    font-weight:bold;
    cursor:pointer;
}
.cloud_elem_s15,.clr_blue15{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    padding-right:12px;
    color:#6699BB;
    font-weight:bold;
    cursor:pointer;
}
.cloud_elem_s16,.clr_blue16{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:12px;
    color:#148BA8;
    padding-right:10px;
    font-weight:bold;
    cursor:pointer;
}
.cloud_elem_s17,.clr_blue17{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    color:#99CCBB;
    padding-right:10px;
    font-weight:bold;
    cursor:pointer;
}
.cloud_elem_s18,.clr_blue18{
    float:left;
    font-size:14px;
    color:#99AACC;
    padding-right:12px;
    cursor:pointer;
}
.cloud_elem_s19,.clr_blue19{
    float:left;
    font-size:13px;
    color:#666688;
    padding-right:10px;
    cursor:pointer;
}
.cloud_elem_s20,.clr_blue20{
    float:left;
    font-size:12px;
    color:#6699BB;
    padding-right:10px;
    cursor:pointer;
}
.cloud_elem_s21,.clr_blue21{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#004080;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s22,.clr_blue22{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#aed4f1;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s23,.clr_blue23{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#7777BB;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s24,.clr_blue24{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#148BA8;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s25,.clr_blue25{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#99AACC;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s26,.clr_blue26{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#BBDDDD;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s27,.clr_blue27{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#6699BB;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s28,.clr_blue28{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#326;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s29,.clr_blue29{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#aed4f1;
    padding-right:8px;
    cursor:pointer;
}
.cloud_elem_s30,.clr_blue30{
    float:left;
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#7777BB;
    padding-right:8px;
    cursor:pointer;
}

.drag_cmn{
    letter-spacing:1px; padding: 1px 0px 2px 4px; position: relative; width: auto; height: 14px; left: 0px; top: 0px; background-image: url('../../static/images/dragCatBG.png'); background-repeat: repeat-x; cursor:pointer; border:1px solid #E5E5E5;
}
.drag_cmn:hover{
    color:#666;
}

/* I know it popup CSS */
.tdinput_I {
    width: 309px;
    color: #999999;
}

/* Registration form style */
.reg-label {
    border:1px none;
    color:#333333;
    float:left;
    font-size:13px;
    line-height:22px;
    padding-right:5px;
    text-align:right;
    width:65px;
    height:30px;
}

.reg-cell {
    float: left;
    width: 100px;
    border: 1px;
    margin-right: 5px;
    font-size: 12px;
    text-align: right;
    line-height: 25px;
}
#loginUser .inputtext, #loginUser .inputpassword {
    border-color:#FFFFFF;
    width:120px;
    padding:2px;
    font-size:11px;
}
#reg_box {
    padding-left:15px;
    margin-top:10px;
}
#reg_box .inputtext, #reg_box .inputpassword {
    /*border-color:#52A2D7;*/
    border-color:#E3E9FF;
    width:200px;
    font-size:16px;
}
#reg_box .row {
    height: 28px;
}
div.field_container {
    width:auto;
    text-align:left;
    padding:0;
}
.inputtext, .inputpassword {
    margin:0;
    padding-bottom:4px;
    border:1px solid #BDC7D8;
}
.reg-cell-input {
    width: 205px;
    text-align:left;
    padding:2px;
}

.reg-mand-ast{
    float:left;
    color:red;
}

.boxHover{
    color:#999;
}
.boxHover:focus,boxHover:hover{
    color:#000;
}
/* Youtube Video Styles */
.videoImg{
    cursor:pointer;
}
.videoTitle{
    font-weight:bold;
    color: #2AD;
}

/* Feedback PopUp Text and Input Cells Style */
.feedback-label-cell1 {
    float: left;
    width: 120px;
    border: 1px;
    margin: 2px;
    color:#4070A0;
    font-weight:bold;
}
.feedback-label-cell2 {
    float: left;
    width: 100px;
    border: 1px;
    margin: 2px;
    color:#4070A0;
    font-weight:bold;
}
.feedback-label-cell3 {
    float: left;
    width: 60px;
    border: 1px;
    margin: 2px;
    color:#4070A0;
    font-weight:bold;
}
.feedback-radio-cell {
    float: left;
    width: 20px;
    border: 1px;
}
.feedback-txt-cell {
    float: left;
    width: 80px;
    border: 1px;
    margin: 2px;
}

/* Post Requirement form style */
.post-cell {
    float: left;
    width: 160px;
    font-size:13px;
    text-align:right;
    line-height:30px;
}

/* User Forms Help Texts Divs Style */
.help-icon{
    position:absolute;
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll -33px 0px transparent;
    width:14px;
    height:14px;
    cursor:pointer;
}
.help-icon-text{
    position:absolute;
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -681px transparent;
    width:200px;
    height:57px;
    cursor:pointer;
    font-weight:bold;
    color:#FFF;
    z-index:100;
}

.Connect_with_facebook{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -740px transparent;
    width:165px;
    height:23px;
}
.style_div{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;font-size:10px;color:#004080;
}

.style_div_I{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif; vertical-align:middle; font-size:10px; font-weight:bold; text-align:center; color:#1f6598;
}

/* Error text class */
.error{
    color:red; text-align:center; padding:4px; border:1px solid #CC3300; background-color:#F9E6E6; margin: 4px;
}
.errorBlue{
    color:#004080; text-align:center; padding:4px; border:1px solid #2DADE1; background-color:#C3D9FF; margin: 4px;
}
.errorGreen{
    color:teal; text-align:center; padding:4px; border:1px solid teal; background-color:#ccffcc; margin: 4px;
}
.msgYellow{
    text-align:center; padding:4px; border:1px solid #E2C822; background-color:#FFF9D7; margin: 4px;
}
/*.required{
    border:2px solid #CC3300; background-color:#F9E6E6;
}
.norequired{
    border:1px solid #999; background-color:#FFF; padding:4px;
}
/* Header Tab Active Style*/
/*.ontab{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -402px transparent;
    width:114px; height:40px; float:left; cursor:pointer;
}
.ontabactive{
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -442px transparent;
    width:114px; height:40px; float:left; cursor:pointer; color:#DA1F3E;
}*/
.header_Tab_txt{
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    font-size:11px;
    float: left;
    line-height: 14px;
    margin-top: 19px;
    text-align: center;
    font-weight:bold;
    letter-spacing: 1px;
}
a.headerSubtabs{
    padding: 5px 20px 3px;
    width: auto;
    color: #148CB5;
    font-family:Arial;
    font-weight:bold;
    text-transform:uppercase;
    float:left;
    height: 15px;
    cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* ----------------Start: Top Header Menu Right Navigation--------------- */
#navAccount li {
    display: block;
    float: none;
}
#navAccount li a, #navAccount ul .logoutButton input {
    color: #148CB5;
    display: block;
    font-weight: normal;
    height: auto;
    padding: 4px 10px 5px;
    white-space: nowrap;
    text-decoration:none;
}
#navAccount li a:hover {
    background-color:#EEF6FA; color:#148CB5; text-decoration:none;
}

/*.user-menu-btn{
    background-color:#EEF6FA; float: right; text-align: right; height: auto; width: auto; max-width:320px; padding: 5px 10px; margin-right: 4px; text-decoration:none;
    font-weight:bold;
    -moz-border-radius: 3px;
    -webkit-border-radius:3x;
    border-radius:3px;
    border:1px solid #FFF;
}
.user-menu-btn:hover, .user-menu-btn-active{
    border: 1px solid #A8D3E7 !important;
    text-decoration:none !important;
}*/

/* ----------------End: Top Header Menu Right Navigation--------------- */

/* ---------------------------Training Pages Start------------------------ */
.deal-discount{
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-color: #CFEEF6;
    border: 1px solid #64C8E2;
    height: 52px;
    text-align: center;
}
.discount{
    background-color: white; 
    width: auto;
    padding:2px 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#user-name-home {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    text-transform: capitalize;
}

/* ------------------------- Expertise Pages CSS ---------------------------- */
#ViewExpertiseContainer{
    position:relative;
    margin-top:7px;
    z-index:1;
}
#BuinessCard{
    position: relative;
    width: 745px;
    left: 0px;
    z-index: 10;
    top: 5px;
    height: 160px;
}
.BusinessCardHolder{
    position: relative;
    width: 425px;
    height: 160px;
    left: 0px;
    z-index: 10;
    top: 0px;
}
.clearfix {
    display:block;
    overflow:hidden;
}
.inline {
    display:inline-block;
}
.alignCenter {
    text-align:center;
}
.topSectionHeader {
    padding:10px; background-color:#22AADD;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.topSectionHeader h1 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
}
.topSectionHeader a, .topSectionHeader, #ExpertiseSectionHeader, #ExpertiseSectionHeader a {
    color:#FFFFFF;
    text-decoration:none;
}
.noPaddingBottom {
    padding-bottom: 0 !important;
}
#ServiceAreaList{
    margin: 5px 50px 0;
    font-size: 13px;
}
.inlineUL{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}
.marginTopBig {
    margin-top:20px !important;
}
.marginTopVeryBig {
    margin-top:30px !important;
}
.marginTop50 {
    margin-top:50px !important;
}
.marginTop0 {
    margin-top:0px !important;
}
hr.skillseparator {
    margin-top:0;
    border: 0;
    color: #DAEFFE;
    background-color: #22AADD;
    height: 2px;
    width: 100%;
    text-align: center;
}
#ViewExpertiseContainer p {
    padding: 0 10px;
    line-height:1.6em;
}
#ViewExpertiseContainer .skill-header-label{
    color: #333333;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    margin: 1px;
    padding: 0 1px;
    text-transform:capitalize;
}
#ExpertiseSectionHeader {
    margin: 10px 0px;
    background: url('../../static/images/blue_mid_bar.png') repeat-x;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#ProfileSummaryDetail{
    z-index: 1; height: 148px; left: 55%; width: 328px; position: absolute; top: 8px;
}
#ProfileSummaryDetail h2{
    font-size:12px; padding:0px;
}
.SummaryContainer {
    width:100%; height:118px; padding-left:6px; line-height:15px;
}
.SummaryDescription{
    color:#333; overflow: hidden; margin: 0px 5px 5px; height: 105px;
}

/* Red Button Style */
.red-button {
    font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -225px transparent;
    color:#FFFFFF;
    cursor:pointer;
    display:table-cell;
    font-size:15px;
    font-weight:bold;
    height:25px;
    text-align:center;
    vertical-align:top;
    width:190px;
    padding-top:3px;
}

/* Blue Button Style 
.blue-button {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -624px transparent;
    cursor:pointer;
    display:table-cell;
    text-align:center;
    vertical-align:text-top;
    width:71px;
    color:teal;
    padding-top:3px;
    padding-bottom:3px;
    font-size:12px;
}*/

/* Small Blue Button Style 
.small-blue-button {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -646px transparent;
    cursor:pointer;
    display:table-cell;
    font-weight:bold;
    height:17px;
    text-align:center;
    vertical-align:text-top;
    width:33px;
    color:#004080;
    padding-top:1px;
}*/

/* Shadow Blue Button Style */
.shade-blue-button {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -564px transparent;
    color:black;
    cursor:pointer;
    display:table-cell;
    font-weight:bold;
    height:24px;
    text-align:center;
    vertical-align:text-top;
    width:108px;
    padding-top:4px;
}

/*.blueBtn {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -540px transparent;
    color:black;
    cursor:pointer;
    display:table-cell;
    height:21px;
    text-align:center;
    vertical-align:text-top;
    width:104px;
    padding-top:3px;
}*/

/* Green Status Icon */

.green-dot-icon{
    font-family:'Palatino Linotype';
    color:green;
    font-size:86px;
    height:10px;
    width:10px;
    z-index:100;
}

/* Red Status Icon */

.red-dot-icon{
    font-family:'Palatino Linotype';
    color:#999999;
    font-size:86px;
    height:10px;
    width:10px;
    z-index:100;
}

/* Content Top Bar */
table.contentBar {border-collapse: collapse; margin: auto; table-layout: fixed; margin: auto; width: 100%;}

/* Border Cards CSS - */

table.corner_dialog_table1 {border-collapse: collapse;margin: auto;table-layout: fixed;}
td.corner_topleft1, td.corner_topright1, td.corner_bottomleft1, td.corner_bottomright1 {height: 17px;overflow: hidden;padding: 0px;width: 17px;}
td.corner_topleft1 {background: url("../../static/images/sprite-buttons.png") no-repeat scroll -13px -131px transparent;}
td.corner_border_top1 {background-image: url('../../static/images/tmb.png');}
td.corner_topright1 {background: url("../../static/images/sprite-buttons.png") no-repeat scroll -34px -131px transparent;}
td.corner_border1 {background-image: url('../../static/images/lmb.png');}
td.corner_content1 {background-color: #E9FEFF;padding: 0px;}
td.corner_border_right1 {background-image: url('../../static/images/rmb.png');}
td.corner_bottomleft1 {background: url("../../static/images/sprite-buttons.png") no-repeat scroll -51px -131px transparent;}
td.corner_bottomleft1 {height: 17px;overflow: hidden;padding: 0px;width: 17px;}
td.corner_border_bottom1 {background-image: url('../../static/images/bmb.png');}
td.corner_bottomright1 {background: url("../../static/images/sprite-buttons.png") no-repeat scroll -72px -131px transparent;}
td.corner_bottomright1 {height: 17px;overflow: hidden;padding: 0px;width: 17px;}

table.corner_dialog_table {border-collapse: collapse; margin: auto; table-layout: fixed;}
td.corner_topleft, td.corner_topright, td.corner_bottomleft, td.corner_bottomright { height: 13px; overflow: hidden; padding: 0px; width: 13px;}
td.corner_topleft{background: url("../../static/images/sprite-buttons.png") no-repeat scroll 2px -30px  transparent;}
td.corner_topright{background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -43px transparent;}
td.corner_bottomleft{background: url("../../static/images/sprite-buttons.png") no-repeat scroll 2px -59px transparent;}
td.corner_bottomright {background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -72px transparent;}
td.corner_content { background-color: white; padding: 0px;}
td.top_side_border { background-image: url('../../static/images/top_side_border.png');}
td.left_side_border { background-image: url('../../static/images/left_side_border.png');}
td.bottom_side_border { background-image: url('../../static/images/bottom_side_border.png');}
td.right_side_border { background-image: url('../../static/images/right_side_border.png');}

table.corner_dialog_table { border-collapse: collapse; margin: auto; table-layout: fixed;}
td.corner_topleft_green,td.corner_topright_grn,td.corner_bottomleft_grn { height: 12px; overflow: hidden; padding: 0px; width: 12px;}
td.corner_topright_grn { height: 12px; overflow: hidden; padding: 0px; width: 16px;}
td.corner_bottomleft_grn { height: 16px; overflow: hidden; padding: 0px; width: 12px;}
td.corner_bottomright_grn { height: 18px; overflow: hidden; padding: 0px; width: 18px;}
td.corner_border_bottom_grn { height: 15px; overflow: hidden; padding: 0px; width: 15px;}
td.corner_border_green { background-color: white;}
td.corner_border_right_grn { background-image: url('../../static/images/right_side_bdr.png');  }
td.corner_border_bottom_grn { background-image: url('../../static/images/bottom_side_bdr.png'); }
td.corner_content_grn { background-color: white; padding: 0px;}
td.corner_topright_grn {background: url("../../static/images/sprite-buttons.png") no-repeat scroll -17px -94px transparent;}
td.corner_topborder_green { background-image: url('../../static/images/top_side_bdr.png'); }
td.corner_topleft_green {background-image: url('../../static/images/left_top_corner_green.png');}
td.corner_borderleft_green { background-image: url('../../static/images/left_side_bdr.png'); }
td.corner_bottomleft_grn {background: url("../../static/images/sprite-buttons.png") no-repeat scroll -0px -95px transparent;}
td.corner_bottomright_grn {background: url('../../static/images/right_btm_corner_green.png'); background-repeat:no-repeat;}

table.corner_dialog_table_bdr1 {border-collapse: collapse;margin: auto;	table-layout: fixed;}
td.corner_topleft_bdr1, td.corner_topright_bdr1, td.corner_bottomleft_bdr1, td.corner_bottomright_bdr1 {height: 16px;overflow: hidden;padding: 0px;width: 16px;}
td.corner_border_bdr1_lm {background-image: url('../../static/images/mid_bdr.png');}
td.corner_border_bdr1_rm {background-image: url('../../static/images/mid_bdr2.png');}
td.corner_border_bdr1_tm {background-image: url('../../static/images/mid_bdr1.png');}
td.corner_border_bdr1_bm {background-image: url('../../static/images/mid_bdr3.png');}
td.corner_content_bdr1 {background-color: transparent;padding: 0px;}
td.corner_topright_bdr1 {background-image: url('../../static/images/rtc_bdr.png');}
td.corner_topleft_bdr1 {background-image: url('../../static/images/ltc_bdr.png');}
td.corner_bottomleft_bdr1 {background-image: url('../../static/images/lbc_bdr.png');}
td.corner_bottomright_bdr1 {background-image: url('../../static/images/rbc_bdr.png');}

/*table.blue_top_bar_table {border-collapse: collapse;margin: auto;table-layout: fixed;width: 100%;}
td.blue_left_bar_cnr, td.blue_right_bar_cnr {height: 31px;overflow: hidden;padding: 0px;width: 8px;}
td.blue_left_bar_cnr {background-image: url('../../static/images/blue_left_bar_cnr.png');}
td.blue_mid_bar {background: url('../../static/images/blue_mid_bar.png');font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;font-weight:bold;font-size:17px;color:white; width:auto;}
td.blue_right_bar_cnr {background-image: url('../../static/images/blue_right_bar_cnr.png');}*/

/*table.searchBoxBg_table {border-collapse: collapse;margin: auto;table-layout: fixed;width: 100%;}
td.searchBoxBgLeft, td.EA_searchBgRight {height: 23px;overflow: hidden;padding: 0px;width: 6px;}
td.searchBoxBgLeft {background-image: url('../../static/images/searchBoxBgLeft.png');}
td.searchBoxBg {background: url('../../static/images/searchBoxBg.png');font-family: Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;width:auto;}

table.pop_dialog_tableA{border-collapse:collapse;margin:auto;table-layout:fixed;}
td.pop_topleftA, td.pop_toprightA, td.pop_bottomleftA, td.pop_bottomrightA{height:10px;overflow:hidden;padding:0px;width:10px;}
td.pop_borderA{background-image:url('../../static/images/pop_dialog_borderA.png');}
td.pop_contentA{background-color:white;padding:0px;}
td.pop_toprightA{background-image:url('../../static/images/pop_dialog_top_rightA.png');}
td.pop_topleftA{background-image:url('../../static/images/pop_dialog_top_leftA.png');}
td.pop_bottomleftA{background-image:url('../../static/images/pop_dialog_bottom_leftA.png');}
td.pop_bottomrightA{background-image:url('../../static/images/pop_dialog_bottom_rightA.png');}
*/

.txt-align-right{
    width: 100px; color: #333333; text-align:right;
}
.text-box-align{
    width: 460px;
    margin:2px;
}
/* On Projects CSS */

.close-popup{
    position: absolute; right: 10px; width: auto; top: 10px;
}
.twhite{
    color:white; font-size: 9px; font-weight: bold;
}

/* Projects Search CSS */
.clear{
    clear:both;
}

.floatLeft{
    float: left;
    overflow:hidden;
}

.floatRight{
    float: right;
    overflow:hidden;
}

.projCatTxt{
    overflow:hidden; float:left; width:390px; padding-left:10px;
}

.projValues{
    overflow:hidden; width:430px; max-height:20px;
}

.projUserDetailMainD{
    line-height: 22px;
    overflow: hidden;
    width: 130px;
}

#browsebycategory{
    margin-top: 5px;
}

.browseCatDivHolder{
    position:relative; width:100%; min-height:120px; height:auto;
}

#innerContent{
    position: relative; width: auto; height: 90px; border-bottom:1px solid #DAEFFE; left: 0px; top: 0px;
}

.projSearchDetail{
    width: 64%; overflow:hidden; height:90px; line-height:16px; padding-top:0px;
}
#ProfileCompleteness{
    position: relative; width: 100%; height: 35px;
}

.completenessBar{
    height: 25px; background-color:#DA1F3E;
}

.completenessPercent{
    position: absolute; width: 195px; text-align: center; top: 9px;
}

.profileCompTxt{
    color: black; font-weight: bold; font-family: arial; font-size: 14px;
}

.profileCompleteBlock{
    border:3px solid #D02B52;
    background-color:white;
    margin:2px;
    height: 25px;
    width: 195px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    outline: 0 none;
    white-space:nowrap;
    -moz-box-shadow: 1px 1px 3px 0px #666;
    -webkit-box-shadow: 1px 1px 3px 0px #666;
    box-shadow: 1px 1px 3px 0px #666;
}

#topmenu{
    position:absolute;
    left:44%;
    min-height:220px;
    width:200px;
    top:98px;
    z-index:101;
    border:1px solid #A8D3E7;
    background-color:#FFF;
    color:black;
    -moz-box-shadow: 0 0 5px #CCCCCC;
    -webkit-box-shadow: 0 0 5px #CCCCCC;
    box-shadow: 0 0 5px #CCCCCC;
    background: none repeat scroll 0 0 #FFFFFF;
    /*background-color:#DAEFFE;
    background: -moz-linear-gradient(center top , #F6F6F6, rgba(82, 168, 236, 0.5)) repeat scroll 0 0 #F6F6F6;
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#A8D3E7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#A8D3E7');
    -webkit-box-shadow: -1px 1px 5px #4070A0;
    box-shadow: -1px 1px 5px #4070A0;
    -moz-box-shadow: -1px 1px 5px #4070A0;*/
}

/* Index Page Login Button style */
.Login{
    border:1px solid #E0ECFF !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    outline: 0 none;
    white-space:nowrap;
    cursor:pointer;
    font-weight:bold;
    color:#000;
    text-align:center;
    /* for FF */
    background: -moz-linear-gradient(center top , #FFFFFF, #C3D9FF) repeat scroll 0 0 #F6F6F6;
    /* for webkit based */
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #FFFFFF), color-stop(0.5, #C3D9FF));
    /* for MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#C3D9FF');
}
.Login:hover, Login:focus{
    -moz-box-shadow: 0 0 3px #FFF;
    -webkit-box-shadow: 0 0 3px #FFF;
    box-shadow: 0 0 3px #FFF;
    background: -moz-linear-gradient(center top , #FFFFFF, rgba(82, 168, 236, 0.5)) repeat scroll 0 0 #FFF;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #FFFFFF), color-stop(0.5, rgba(82, 168, 236, 0.5)));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#6B9EBC');
    border-color:#FFF;
    outline: 0 none;
}

.Login:active, Login-active, Login-active:hover, Login-active:focus{
    /* for FF */
    background: -moz-linear-gradient(center top , #C3D9FF, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    /* for webkit based */
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #C3D9FF), color-stop(0.5, #FFFFFF));
    /* for MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#C3D9FF',EndColorStr='#FFFFFF');
}

/* Index Page Submit Button style */
.Submit{
    border:1px solid #E0ECFF !important;
    vertical-align:top !important;
    overflow:visible;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    outline: 0 none;
    white-space:nowrap;
    margin:1px 0;
    cursor:pointer;
    padding:1px 10px;
    color:#000;
    text-align:center;
    /* for FF */
    background: -moz-linear-gradient(center top , #FFFFFF, #C3D9FF) repeat scroll 0 0 #F6F6F6;
    /* for webkit based */
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #FFFFFF), color-stop(0.5, #C3D9FF));
    /* for MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#C3D9FF');
}
.Submit:hover, Submit:focus{
    -moz-box-shadow: 0 0 5px #4070A0;
    -webkit-box-shadow: 0 0 5px #4070A0;
    box-shadow: 0 0 5px #4070A0;
    background: -moz-linear-gradient(center top , #F6F6F6, rgba(82, 168, 236, 0.5)) repeat scroll 0 0 #F6F6F6;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #FFFFFF), color-stop(0.5, rgba(82, 168, 236, 0.5)));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#6B9EBC');
    border-color:#FFF;
    outline: 0 none;
}

.Submit:active, Submit-active, Submit-active:hover, Submit-active:focus{
    color:#999;
    /* for FF */
    background: -moz-linear-gradient(center top , #C3D9FF, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    /* for webkit based */
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0.0, #C3D9FF), color-stop(0.5, #FFFFFF));
    /* for MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#C3D9FF',EndColorStr='#FFFFFF');
}

/* This is the selector for the main TabbedPanels container. For our
* default style, this container does not contribute anything visually,
* but it is floated left to make sure that any floating or clearing done
* with any of its child elements are contained completely within the
* TabbedPanels container, to minimize any impact or undesireable
* interaction with other floated elements on the page that may be used
* for layout.
*
* If you want to constrain the width of the TabbedPanels widget, set a
* width on the TabbedPanels container. By default, the TabbedPanels widget
* expands horizontally to fill up available space.
*
* The name of the class ("TabbedPanels") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabbedPanels container.
*/
.TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
* all of the tab buttons for each tabbed panel in the widget. This container
* does not contribute anything visually to the look of the widget for our
* default style.
*
* The name of the class ("TabbedPanelsTabGroup") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabGroup container.
*/
.TabbedPanelsTabGroup {
    margin: 0px;
    padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
* the title for the panel. This is also the tab "button" that the user clicks
* on to activate the corresponding content panel so that it appears on top
* of the other tabbed panels contained in the widget.
*
* For our default style, each tab is positioned relatively 1 pixel down from
* where it wold normally render. This allows each tab to overlap the content
* panel that renders below it. Each tab is rendered with a 1 pixel bottom
* border that has a color that matches the top border of the current content
* panel. This gives the appearance that the tab is being drawn behind the
* content panel.
*
* The name of the class ("TabbedPanelsTab") used in this selector is not
* necessary to make the widget function. You can use any class name you want
* to style this tab container.
*/
.TabbedPanelsTab {
    position: relative;
    top: 0px;
    float: right;
    margin: 0px 0px 0px 0px;
    font: bold 12px Arial,Verdana,"Palatino Linotype",Helvetica, sans-serif;
    color:black;
    padding:5px;
    padding-left:0px;
    text-align:center;
    /* background-color: #DDD;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;*/
    cursor: pointer;
    list-style: none;
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -486px transparent;
}

/* This selector is an example of how to change the appearnce of a tab button
* container as the mouse enters it. The class "TabbedPanelsTabHover" is
* programatically added and removed from the tab element as the mouse enters
* and exits the container.
*/
.TabbedPanelsTabHover {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -486px transparent;
    color:#2AD;
}

/* This selector is an example of how to change the appearance of a tab button
* container after the user has clicked on it to activate a content panel.
* The class "TabbedPanelsTabSelected" is programatically added and removed
* from the tab element as the user clicks on the tab button containers in
* the widget.
*
* As mentioned above, for our default style, tab buttons are positioned
* 1 pixel down from where it would normally render. When the tab button is
* selected, we change its bottom border to match the background color of the
* content panel so that it looks like the tab is part of the content panel.
*/
.TabbedPanelsTabSelected {
    background: url("../../static/images/sprite-buttons.png") no-repeat scroll 0px -513px transparent;
    color:#048;
}

/* This selector is an example of how to make a link inside of a tab button
* look like normal text. Users may want to use links inside of a tab button
* so that when it gets focus, the text *inside* the tab button gets a focus
* ring around it, instead of the focus ring around the entire tab.
*/
.TabbedPanelsTab a {
    color: gray;
    text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
* all of the content panels for each tabbed panel in the widget. For our
* default style, this container provides the background color and borders that
* surround the content.
*
* The name of the class ("TabbedPanelsContentGroup") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the ContentGroup container.
*/
.TabbedPanelsContentGroup {
    clear: both;
    /*border-left: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    border-top: solid 4px #FFF;
    border-right: solid 1px #FFF;
    background-color: transparent;*/
}

/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
*
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
*/
.TabbedPanelsContent {
    padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/

/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
    float: left;
    width: 10em;
    height: 20em;
    background-color: #EEE;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
}

/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
    background-color: #EEE;
    border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;
}

#skillstable{
    clear: both;
}
#skillstable td{
    vertical-align: top;
    line-height: normal;
}

#skillstable span{
    color: gray;
    padding-left: 10px;
    white-space: nowrap;
} 
/* Start - Live Chat Support Button */
body a#live-support-tab, body a#live-support-tab:link {
    display: block !important;
    padding: 0px 2px 4px 2px !important;
    position: fixed !important;
    top: 63% !important;
    width: 100px !important;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    color:#FFF;
}
a#live-support-tab {
    width:100px;
    height:20px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    writing-mode: tb-rl;
    background-color: #2A2A2A;
    border-color: #2A2A2A;
    border-style: outset none outset outset;
    border-width: 1px medium 1px 1px;
    right: -39px;
}
a#live-support-tab{
    font-family:comic Sans MS;
    font-weight:bold;
    font-size:15px;
    color:#FFF;
}
a#live-support-tab:hover{
    text-decoration:none;
}
/* End - Live Chat Support Button */

/* Start - SocialShare.jsp style */
#sharePost{
    background: none repeat scroll 0 0 #EEF6FA; border: 1px solid #A8D3E7; line-height: 180%; margin-top: 20px; padding: 20px; text-align: center; border-radius:10px;
}
#sharePost h1 {
    color: #50852C;
    font-family: MetaBold,Trebuchet MS,sans-serif;
    font-weight: normal;
    font-size:35px;
}
#sharePost h2 {
    color:#50852C;
    font-family: MetaBold,Trebuchet MS,sans-serif;
    font-weight: normal;
    font-size:20px;
}
#sharePost h3 {
    font-size:17px;
}
#sharePost a img, #sharePost img{
    border:2px solid #EEF6FA;
    cursor:pointer;
}
#sharePost a img:hover, #sharePost img:hover{
    border:2px solid #A8D3E7;
    border-radius:12px;
    cursor:pointer;
}
/* End - SocialShare.jsp Style */

/* Start - My Messages Box */
.control-bar {
    background-color: #EEF6FA;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 9pt;
    margin-bottom: 8px;
    padding: 6px 8px;
    height: 26px;
    position: relative;
}
#mc_controls, #mc_show_filter, #mc_expand_thread {
    display: inline-block;
    float: left;
}
.mc-switcher {
    float: left;
    padding-right: 6px;
}
.buttonSpecial {
    font: 12px/1.231 Tahoma,Arials,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 4px 8px;
    text-shadow: 1px 1px 0 white;
    width: auto;
    color: #333;
    border: solid 1px #7B7B7B;
    background: white;
    background: -webkit-gradient(linear,left top,left bottom,from(white),to(#EDEDED));
    background: -moz-linear-gradient(top,white,#EDEDED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');
}
.buttonSpecial.left {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.buttonSpecial.left:hover {
    padding-right: 7px;
    border-right: 2px solid #5B5B5B;
    background: -webkit-gradient(linear,left top,left bottom,from(#EDEDED),to(#FFFFFF));
    background: -moz-linear-gradient(top,#EDEDED,#FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff')
}
.buttonSpecial.mid {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-left-color: transparent;
}
.buttonSpecial.right:hover, .buttonSpecial.mid:hover {
    border-left: 1px solid #5B5B5B;
    background: -webkit-gradient(linear,left top,left bottom,from(#EDEDED),to(#FFFFFF));
    background: -moz-linear-gradient(top,#EDEDED,#FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff')
}
.buttonSpecial.right {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-left-color: transparent;
}
.mc-switcher button {
    font: 13px Arial;
}
#mc_selector {
    margin: 1px;
    vertical-align: top;
    padding: 0;
}
.mc_button_trigger {
    font-size: 7pt;
}
.mc-switcher-menu {
    background-color: white;
    border: 1px solid #CCC;
    box-shadow: 0 0 2px 1px #CCC;
    display: none;
    left: 8px;
    list-style-type: none;
    margin: 0;
    padding: 3px 5px;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    top: 31px;
    z-index: 1000;
}
/*ol, ul {
    list-style: none;
}
li {
    display: list-item;
}*/
.mc-switcher-list > li {
    float: left;
}
#mc_show_filter, #mc_expand_thread {
    margin: 5px 0px 0 0;
}
.toggle_label {
    font-size: 7pt;
}
.toggle_options {
    display: inline;
    margin: 0;
    font-size: 7pt;
}
.toggle_options li.selected {
    color: black;
    cursor: auto;
    font-weight: bold;
    text-decoration: none;
}
.toggle_options.border_sep li {
    border-right: 1px solid #CCC;
    padding: 0 5px 0 3px;
}
.toggle_options li {
    color: #03F;
    cursor: pointer;
    display: inline;
    padding-right: 2px;
    margin: 0;
    text-decoration: none;
}
.toggle_options.border_sep li:last-child {
    border-right: none;
}
.toggle_options.border_sep li {
    border-right: 1px solid #CCC;
    padding: 0 5px 0 3px;
}
/* End - My Messages Box */

/* Start - My Messages Box Pagination */
#mc_pagination_bottom {
    margin-top: 5px;
    text-align: right;
}
ul.pagination {
    display: inline;
    margin: 0;
    padding: 0;
}
ul.pagination li {
    border: 1px solid #9AAFE5;
    cursor: pointer;
    background: white;
    padding: .1em .5em;
    margin-right: .1em;
    color: #225A94;
    font-size: 8pt;
    display: inline;
}
ul.pagination li.disabled {
    color: #999;
    border: 1px solid #DDD;
    background: white;
}
ul.pagination li.current {
    background: #2E6AB1;
    font-weight: bold;
    color: white;
    cursor: auto;
    text-decoration: none;
    font-size: 8pt;
}
ul.pagination li.blank, ul.pagination li.blank:hover, ul.pagination li.blank:disabled {
    border: none;
    background: none transparent;
    cursor: auto;
}
ul.pagination li.current, ul.pagination li.current:hover {
    background: #2E6AB1;
    border: 1px solid #2E6AB1;
    color: white;
    font-weight: bold;
}
ul.pagination li:hover{
    background:#EEF6FA;
    text-decoration:none;
}
ul.pagination li.disabled:hover{
    background: none transparent;
    cursor: auto;
}
/* End - My Messages Box Pagination */

/* Start - New Skill Pages */
#profile-container{
    position:relative;
    margin-top:20px;
    font-family:verdana, Arial, sans-serif;
    font-size:12px;
}
#profile-container p{
    font-size:12px;
    width:582px;
    padding-bottom:10px;
    text-align:justify;
}
#profile-container a.edit-del-link{
    color:#D33253;
    font-size:11px;
}
#certified-container{
    height:280px; width:346px; border:1px solid #CCE7F3; overflow:hidden; margin-bottom:20px;
}
#certified-container p{
    font-size:13px;
    width:auto;
}
#certified-container div.skill-title a{
    color:#2A2A2A;    
}
#certified-container div.skill-title{
    width:270px; overflow:hidden; padding:2px;
}
#certified-container div.skill-title:hover{
    background-color:#CCE7F3;    
}
#user-name {
    color: #0E6DC3;
    font-family: verdana;
    font-size: 17px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 0.06em;
}
.certified-tag{
    margin-left:252px; position:absolute; background:url('../../static/images/sprite-buttons.png') no-repeat scroll -213px -621px transparent; height:64px; width:94px;
}
.PC-left-box{
    width:600px; overflow: hidden;
}
.PC-right-box{
    width:350px; overflow: hidden;
}
.Bradley-fonts{
    font-family:Bradley Hand ITC, Helvetica; text-transform:none; font-size:14px; color:#D92562; text-shadow:0px 1px 0px #D92562;
}
.userimage-holder{
    width:108px; height:107px; overflow:hidden; border:3px solid #9F9191; margin-right:20px; text-align:center;
}
.user-basic-info{
    width: 450px; overflow:hidden;
}
.user-expertise-container{
    width:575px; margin-top:20px;
}
.country-time-zone{
    color:#7C7C7C;
}
.curved-arrow{
    background:url('../../static/images/sprite-buttons.png') no-repeat scroll -207px -690px transparent; height:38px; width:84px;
}
.arrow-side-msg{
    margin-left: -22px; margin-top: 40px;
}
.head-label-container{
    border-top:1px solid #D4D4D4; border-right:1px solid #D4D4D4; width:582px; height:24px; margin-top:20px; display:inline-block;
}
.headline-labels{
    font-size:25px; color:#0E6DC3; margin-top:-12px;
}
.connection-holder{
    border: 3px solid #C8C0C0;
    color: #7D97A2;
    height: 38px;
    margin: 6px 0;
    overflow: hidden;
    padding: 4px;
    width: 210px;
}
.connection-container{
    height:100px;
}
.connection-container b{
    font-size:14px; color:#0E6DC3;
}
.connection-container div{
    font-size:11px;
}
.connection-container div a{
    text-decoration:underline;
}
.connection-container div a:hover{
    text-decoration:none;
}
.signin-link{
    padding-top:35px; padding-left:10px;
}
.expertise-box-HL-holder{
    border: 3px solid #9F9191;
    color: #FFFFFF;
    font-size: 14px;
    height: 17px;
    padding: 15px 10px;
    width: 555px;
    margin-top:20px;
}
.separator-line{
    border-top: 1px solid #F1F2F2;
    margin-bottom: 25px;
    margin-top: 35px;
    width:582px;
    box-shadow: 0 0px 5px #ECECEC;
    -moz-box-shadow: 0 0px 5px #ECECEC;
    -webkit-box-shadow: 0 0px 5px #ECECEC;
}
.first-headline-label{
    font-size:18px; color:#0E6DC3;
}
.second-label-texts-margin-padding{
    margin: 4px 0; padding: 2px 0;
}
.link-color-blue{
    color:#0E6DC3;
}
.link-color-pink{
    color:#D33352;
}
.certified-skill-head-label{
    padding:5px !important; margin:6px 0 !important; color:#FFF;
}
.greater-than-sign{
    width:10px; color:#B3E9FF; font-weight:bold;
}
#kb-container{
    max-height:280px; width:306px; border:1px solid #CCE7F3; margin-bottom:20px; overflow:hidden; padding:10px 20px;
}
#kb-container ul{
    float: left;
    width: 240px;
    padding: 2px 1px;
    margin: 2px 1px;
}
#kb-container li{
    float: left;
    width: 240px;
    background: url('../../static/images/li-bullet-bg.gif') no-repeat left;
    padding: 3px 0px 3px 20px;
    margin: 0px 0px 0px 0px;
    display: inline;
    list-style-type: none;
}
#kb-container li a{
    font: normal 14px/12px Verdana,Geneva,sans-serif;
    text-align: left;
    color: #0E6DC3;
    text-indent: 0px;
}
#kb-container{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F3F3F3));
    background-image: -moz-linear-gradient(#FFF 7%, #F3F3F3 100%);
    background-image: -o-linear-gradient(#FFF 7%, #F3F3F3 100%);
}
#project-work-status-container{
    height:197px; width:346px; border:1px solid #2399C9; margin-top:20px; overflow:hidden;
}
a.msg-me-link{
    font-size:13px; text-decoration:underline;
}
a.blue-button-pi{
    font-size: 14px; text-align: center; font-family: Arial,sans-serif,verdana; border-radius: 5px; padding: 5px 20px; color:#FFF;
    background-image: -webkit-gradient(linear, left center, left center, from(#2399C9), to(#04719B));
    background-image: -moz-linear-gradient(#2399C9 7%, #04719B 100%);
    background-image: -o-linear-gradient(#2399C9 7%, #04719B 100%);
}
a.blue-button-pi:hover{
    background-image: -webkit-gradient(linear, left center, left center, from(#04719B), to(#2399C9));
    background-image: -moz-linear-gradient(#04719B 7%, #2399C9 100%);
    background-image: -o-linear-gradient(#04719B 7%, #2399C9 100%);
    text-decoration:none;
}
a.bump-button{
    font-weight: bold;
    font-family: Arial,sans-serif,verdana;
    padding: 4px 15px;
    color:#FFF;
    display: block;
    width: 130px;
    float: left;
    text-align: left;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border: 1px solid #A0BBD6;
    background-image: -moz-linear-gradient(top,#638EB9,#0F4D86);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0F4D86),color-stop(1,#638EB9));
    background-image: -o-linear-gradient(#638EB9 7%, #0F4D86 100%);
    background-color: #638EB9;
}
a.bump-button:hover{
    background-image: -moz-linear-gradient(top,#4375A8,#0F4D86);
    background-image: -o-linear-gradient(#4375A8 7%, #0F4D86 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0F4D86),color-stop(1,#4375A8));
    background-color: #4375A8;
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.92;
}
.bump-button b{
    padding-left: 30px; font-size: 27px; padding-right: 5px;
}
.bump-button span{
    font-size:11px; position: absolute; width: 54px;
}
.bump-button img{
    position:absolute; margin-top: -4px; margin-left: -16px;
}
#skill-container{
    width:582px; overflow:hidden; margin-bottom:40px;
    box-shadow: 1px 1px 5px #CCC;
    -moz-box-shadow: 1px 1px 5px #CCC;
    -webkit-box-shadow: 1px 1px 5px #CCC;
}
.skill-title-info-container{
    width:566px; padding:7px 7px 4px; border:1px solid #9F9191; color:#FFF; float:left;
}
#skill-container h1{
    font: normal 18px/20px Verdana,Geneva,sans-serif; color:#FFF;
}
#skill-container h2{
    font: normal 12px/19px Verdana,Geneva,sans-serif; color:#FFF; padding:1px;
}
#skill-container p{
    margin:0; padding:7px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E3F2F9));
    background-image: -moz-linear-gradient(#FFF 7%, #E3F2F9 100%);
    background-image: -o-linear-gradient(#FFF 7%, #E3F2F9 100%);
    width:572px; clear:both;
}
#skill-container p span{
    color:#196F92;
}
.skill-box-info{
    width:390px; overflow:hidden; float:left; padding-right:10px;
}
/* End - New Skill Pages */

/* Start - Role based access */

.roleEmployee{
    color:red;
}

/* End - Role based access */

/* Start Events */
.circle {
  width:30px;
  height:30px;
  float:left;
  background:#87AED4;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  cursor:pointer;
}
.pointHeader {
    width: 10%; 
    top: 1px; 
    margin-top: -18px;
}
.points {
    text-align:center;
    margin-top:5px;
}
.pointsText {
    float:right;
    text-align:center;
    margin-top:5px;
}
.feedHeader {
    list-style:none outside none;
    padding-left:9px;
    width:725px;
}
.newFeeds {
    border-bottom:1px solid;
    border-color:#CCCCCC;
    margin-bottom:17px;
}
.newFeeds div {
    background-color:#FFFFFF;
    margin-right:30px;
    margin-top:-7px;
    text-align:center;
    width:70px;
    float:right;
}
.event {
    border-bottom:1px solid;
    border-color:#E9E9E9;
    min-height:50px;
    margin-top:9px;
}
.eventData {
    float:left;
    width:100%;
}
.eventText {
    padding-left:35px;
    width:84%;
}
.pointsEarned {
    background:url('../..//static/images/event/points_earned.png') no-repeat;
    float:right;
    height:118px;
    width:118px;
    left:90%;
    position:absolute;
    top:43%;
}
.totalPoints {
    text-align: center; 
    color: white; 
    font-size: 25px; 
    margin-top: 29px;
}
.totalPointsUpdate {
    font-size: 50px;
    margin-top: 0px;
}
.pointsLabel {
    text-align: center; 
    color: white; 
    margin-left: 23px;
}
/* End Events */