/*
 *  profile.css
 */

body { background: url(/images/new_subdomain/bg.jpg) repeat-x top left #FFF;}
 
#top-border { width: 954px; height: 5px; font-size: 0px; background: url(/images/new_subdomain/profile-border-top.jpg) top left no-repeat; margin-top: 60px;}
#bottom-border { width: 954px; height: 5px; font-size: 0px; background: url(/images/new_subdomain/profile-border-bottom.jpg) top left no-repeat;}

#main-content { border-left: solid 1px #99a2ac; border-right: solid 1px #99a2ac; background: url(/images/new_subdomain/profile-bg.jpg) top left repeat-x #FFF; font-size: 12px; }
#body-content #main-content { margin:0; }

#main-content h3#user-name { margin: 0; padding: 30px 0px 0px 30px; font-size: 20px; color: #364b60;}
#main-content #user-desc { padding: 0px 0px 20px 30px; color: #364b60;}
/*
#main-content #nav { height: 23px; background-color: #6093c4; margin: 0px; margin-right: 5px; margin-bottom: 20px;}
#main-content #nav ul {margin:0; padding:0; list-style-type: none; margin-left: 15px;}
#main-content #nav ul li { height: 23px; line-height: 23px; float: left; clear: none; display: inline; font-weight: bold;}
#main-content #nav ul li a { color: #FFF;}
#main-content #nav ul li a em { height: 23px; float: right; padding: 0 10px 0 20px; font-style: normal; display: inline; }
#main-content #nav ul li a b { height: 23px; float: right; width: 10px; display: inline; display: inline; border-right: solid 1px #FFF; margin-right: -1px;}
#main-content #nav ul li#last a b {border: none;}
#main-content #nav ul li#action { float: right; width: 100px; margin-right: 65px; text-align: center; background-color: #F90; border-left: solid 3px #FFF; border-right: solid 3px #FFF;}
#main-content #nav ul li.selected a em { color: #283d58; background: url(/images/profile-tab-selected-left.jpg) top left no-repeat;}
#main-content #nav ul li.selected a b { border: none; background: url(/images/profile-tab-selected-right.jpg) top left no-repeat;}
*/
#main-content #nav { height: 23px; background-color: #6093c4; margin: 0px; margin-right: 5px; margin-bottom: 20px;}
#main-content #nav ul { margin:0; padding:0; list-style-type:none; margin-left: 15px;}
#main-content #nav ul li { float: left; display: inline; clear: none; line-height: 23px; margin-right: -1px;}
#main-content #nav ul li a { color: #FFF; font-weight: bold;}
#main-content #nav ul li a em { height: 23px; font-style: normal; float: left; display: inline; clear: none; padding: 0 10px 0 20px;}
#main-content #nav ul li a b { height: 23px; width: 10px; float: left; display: inline; clear: none; border-right: solid 1px #FFF;}
#main-content #nav ul li.selected em { background: url(/images/new_subdomain/profile-tab-selected-left.jpg) top left no-repeat; color: #283d58; }
#main-content #nav ul li.selected b { border: none; background: url(/images/new_subdomain/profile-tab-selected-right.jpg) top left no-repeat; }


#main-content #nav ul li#action { float: right; padding:0 10px; margin-right: 0; text-align: center; background-color: #F90; border-left: solid 3px #FFF; border-right: 0; position: relative;}
#main-content #nav ul li#message_action { float: right; width: 100px; margin-right: 65px; text-align: center; background-color: #F90; border-left: solid 3px #FFF; border-right: solid 3px #FFF;}

#confirmContact { position: absolute; top: 0; left: 0; width: 250px; height: 200px; margin-left: -70px; margin-top: -63px; z-index: 101; }
#confirmContact #confirmContact-bg { top: 0; left: 0; position: absolute; width: 250px; height: 200px; background: #036; z-index: 102; opacity: .9; filter: alpha(opacity=90) }
#confirmContact #confirmContact-content { top: 0; left: 0; position: absolute; width: 238px; height: 200px; padding: 0 5px; z-index: 103; color: #FFF; font-size: 12px; border: solid 1px #FFF;}
#confirmContact #confirmContact-content button { width: 50px; height: 17px; margin: 5px; border: none; background: no-repeat left top; behavior: url(/css/new/iepngfix.htc);}
#confirmContact #confirmContact-content button.buttonYES { background-image: url('/images/new_subdomain/buttonYES.png');}
#confirmContact #confirmContact-content button.buttonNO { background-image: url('/images/new_subdomain/buttonNO.png');}

#left-column { margin-left: 10px; width: 637px; float: left; clear: none; display: inline;}
#right-column { margin-left: 10px; width: 275px; float: left; clear: none; display: inline;}

.gemzies_page_logged { display:inline-block;}
.gemzies_page_logged .head-text { float:left; padding-right:10px; }
.gemzies_page_logged .obutton { float:left; }
.head-text { margin:0; font-size: 16px; font-weight: bold; color: #364b60; }

.content-head { font-size: 14px; color: #364b60; margin: 0;}
.content-text { clear: both; background-color: #FFF; padding: 5px; text-align: left; color: #666;}
.content-text .sort_options {  margin-bottom:20px; border-bottom:1px solid #666; display:inline-block }
.content-text .sort_options ul { list-style:none; }
.content-text .sort_options li { float:left; padding-right:10px; line-height:18px; }
.content-text .sort_options li.sort { font-weight:bold; }
.content-text .sort_options li select { font-size:12px; border:0;  color:#666}
.content-text .sort_options li select option { }


.bookmark_sort { list-style:none;float:left; padding:4px 0 0 0; margin:0; }
.bookmark_sort li { float:left; padding-right:10px; line-height:18px; font-size:11px; color:#32455B; }
.bookmark_sort li.selected a { font-weight:bold: font-size:12px; color:#32455B; }
.bookmark_sort li a { text-decoration:none; color:#5F93C3; }
.bookmark_sort li a:hover { text-decoration:underline; }




#profile-top  { height: 110px;}
#profile-top #profile-image { width: 110px; margin-right: 15px; display: inline; float: left;}
#profile-top #profile-image #pi-top-border { height: 5px; background:url(/images/new_subdomain/profile-image-bg_01.jpg) no-repeat top left;  overflow: hidden;}
#profile-top #profile-image #pi-container {background:url(/images/new_subdomain/profile-image-bg_02.jpg) repeat-y top left; padding: 5px 10px; }
#profile-top #profile-image #pi-container .profile_image { height:95px; overflow:hidden; position:relative; }
#profile-top #profile-image #pi-container img { width: 90px;}
#profile-top #profile-image #pi-container #pi-action { width: 90px; height: 18px; line-height: 18px; background-color: #FFF; position: absolute; z-index: 10; margin: 80px 0 0 0;}
#profile-top #profile-image #pi-container #pi-action a { font-size: 10px; font-weight: bold; color: #ff7011;}
#profile-top #profile-image #pi-bottom-border { height: 5px; background:url(/images/new_subdomain/profile-image-bg_03.jpg) no-repeat top left; overflow: hidden;}

#profile-top #profile-bio { margin-right: 10px; width: 500px; float: left; display: inline; }
#profile-top #profile-bio #short-bio {}
#profile-top #profile-bio #short-bio  textarea{ border: solid 1px #CCC; background-color: #FBFBFB; width: 100%; height: 72px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

#user-pages { margin: 0; padding: 0; list-style-type: none; margin-left: 13px;}
#user-pages li { float: left; clear: none; display: inline; margin: 5px 13px;}

#profile-links { margin:0; padding:0; list-style-type: none;}
#profile-links li { padding: 3px 0 3px 5px;}
#profile-links li input { width:150px; }
#profile-links li span { width:60px; float:left; }
#profile-links li a{ position: absolute; margin-left: 70px; color: #06F; }

#fellow-experts { margin:0; padding:0; list-style-type: none;}
#fellow-experts  li {float: left; clear: none; text-align: center; font-size: 12px; padding: 0 10px; width:55px; height:110px;}
#fellow-experts  li .contact_avatar { width:55px; height:55px; overflow:hidden; text-align:center; background:#ccc; border: 2px solid #666; }
#fellow-experts  li img { height: 55px;  }
#fellow-experts  li a { color: #06f; text-decoration: underline;}
#fellow-experts-all { clear: both; text-align: right; padding-top: 10px;}
#fellow-experts-all a { color: #293e55; font-size: 12px; font-weight: bold;}

#profile-stats { margin:0; padding:0; list-style-type: none;}
#profile-stats li { padding-left: 10px;}
#profile-stats li span { float: right; margin-right: 10px;}


/* --- [page thumbnail] --- */
.page-item { width: 91px; height: 55px; }
.page-item .overlay { width: 91px; height: 55px; position: absolute; z-index: 103; }
.page-item .overlay .image-frame { width: 91px; height: 55px; position: absolute; z-index: 105; background: url(/images/new_subdomain/image-frame.png) top left no-repeat; behavior: url(/css/new/iepngfix.htc);}
.page-item .overlay  .overlay-bg { width: 91px; height: 16px; filter:alpha(opacity=70); opacity: 0.7; position: absolute; z-index: 104;} 
.page-item .overlay  .top-overlay { line-height: 20px; background-color: #FFF; }
.page-item .overlay  .bottom-overlay { line-height: 14px; margin-top: 39px; background-color: #000;}
.page-item .overlay .overlay-link { width: 91px; text-align: center; position: absolute; z-index: 106; }
.page-item .overlay .item-top-link a{ font-size: 11px; color: #06F; }
.page-item .overlay .item-bottom-text { width: 91px; margin-top: 39px; font-size: 11px; color: #FFF; }
.page-item .overlay .item-link { position: absolute; z-index: 107;}
.page-item .overlay .item-link a { width: 91px; height: 55px; display: inline-block; }
.page-item .thumbnail { width: 91px; height: 55px; overflow: hidden; background:#000;}
.page-item .thumbnail img { width: 91px; margin-top: -5px; }

/* --- [page thumbnail 2] --- */
.page-thumb { width: 107px; height: 71px;}
.page-thumb .overlay-link { width: 91px; height: 14px; position: absolute; z-index: 104; margin-top: 8px; margin-left: 8px; }
.page-thumb .overlay-link a { width: 91px; height: 55px; display: inline-block;}
.page-thumb .overlay { width: 107px; height: 71px; background: url(/images/new_subdomain/image-frame+shadow.png) top left no-repeat; position: absolute; z-index: 102;  behavior: url(/css/new/iepngfix.htc);}
.page-thumb .bottom-overlay { width: 91px; height: 14px; position: absolute; z-index: 101; margin-top: 48px; margin-left: 8px; background: #000; opacity: 0.7; filter:alpha(opacity=70); }
.page-thumb .bottom-text { width: 91px; height: 14px; position: absolute; z-index: 103; margin-top: 48px; margin-left: 8px; font-size: 11px; color: #FFF; text-align: center; }
.page-thumb .thumbnail { width: 89px; height: 53px; position: absolute; z-index: 100; margin-top: 9px; margin-left: 9px; overflow: hidden; display: inline-block; }
.page-thumb .thumbnail img { width: 91px; margin-top: -5px; }

#latest-posts {}
#latest-posts .latest-post { clear: both; margin-top: 5px;}
#latest-posts .latest-post .lp-text { float: left; clear: none; display: inline; width: 490px; background-color: #FFF; padding: 5px; text-align: left; color: #333;}
#latest-posts .latest-post .lp-time { color: #999;}

/* --- [round corner box] --- */
.rbox { margin-bottom:20px;}
.rbox .rborder {font-size: 0px; text-indent:-1000px; height: 1px; background-color: #F7F7F7; overflow: hidden; }
.rbox .r1 { margin: 0 4px; background-color: #CCC;}
.rbox .r2 { margin: 0 2px; border-left: solid 2px #CCC; border-right: solid 2px #CCC;}
.rbox .r3 { margin: 0 1px; border-left: solid 1px #CCC; border-right: solid 1px #CCC; height: 2px;}
.rbox .rcontainer {background-color: #F7F7F7; border-left: solid 1px #CCC; border-right: solid 1px #CCC; padding: 10px;}

.rbox-tab { float: right; height: 18px; margin-right: 2px;}
.rbox-tab .rt-left { float: left; height: 18px; width: 2px; display: inline; background: url(/images/new_subdomain/rbox-tab_01.jpg) top left no-repeat; }
.rbox-tab .rt-text { float: left; height: 18px; display: inline; background: url(/images/new_subdomain/rbox-tab_02.jpg) top left repeat-x; }
.rbox-tab .rt-text ul { margin: 0; padding: 0; list-style-type: none; margin-top: 3px;}
.rbox-tab .rt-text ul li {float: left; clear: none; padding: 0 10px; font-size: 11px; height: 12px; line-height: 12px; color: #516274; border-left: solid 1px #FF9900; font-weight:bold;}
.rbox-tab .rt-text ul li a { color: #516274; text-decoration:none; }
.rbox-tab .rt-text ul li:first-child { border: none;}
.rbox-tab .rt-text ul li.selected { background-color: #FF9900; color: #FFF;}
.rbox-tab .rt-text ul li.selected a { color: #FFF; }
.rbox-tab .rt-right { float: left; height: 18px; width: 3px; display: inline; background: url(/images/new_subdomain/rbox-tab_03.jpg) top left no-repeat;}

#upload_image { clear:left; width:100%; float:left; padding-bottom:5px; }
#upload_image input { float:left; }
#upload_image .upload_button { float:left; clear:right; padding: 3px; behavior: url(/css/new/iepngfix.htc); }

#expertises textarea { width:100%; height:50px; }

.bookmarks_sub_page_nav { display:inline-block; }

.import_bookmarks { padding:0 20px; }
.import_bookmarks h4 { font-weight:bold; color:#32455B; font-size:18px; float:left; width:100%; padding:10px 0; margin:0; }
.import_bookmarks p { padding:10px 0;}
.import_bookmarks p.add_to_gemzies_button img { margin-right: 10px;}
.import_bookmarks .input_fields { list-style-type:none; }
.import_bookmarks .input_fields li { padding: 0 3px 3px 0; }
.import_bookmarks .input_fields li.label { float:left; width:100px;  }
.import_bookmarks .input_fields li.submit { clear:left; }
.import_bookmarks .input_fields li.note { font-size:11px; line-height:15px; vertical-align:bottom; }
.import_bookmarks .input_fields .addNote { float:left; }

.my_settings { padding: 0 20px; }
.my_settings .section_header { font-weight:bold; color:#32455B; font-size:18px; float:left; width:100%; padding:10px 0; margin:0; }
.my_settings .input_section ul { list-style-type:none; }
.my_settings .input_section li { padding: 0 3px 3px 0; }
.my_settings .input_section li.label { float:left; width:150px; }
.my_settings .input_section li.field { clear:right; }
.my_settings .input_section li.field a { font-size:11px; margin: 0 3px; color:#0066FF; }
.my_settings .input_section li.field .obutton .ob-text a { color:#fff; }
.my_settings .input_section li.row { clear:both; }
.my_settings .input_section .error,
.content-text #link_error { font-weight:bold; color:#770202; }



#contact_confirmation { color:#FF9900; padding-left:5px; }

#column-title h3.bookmarks_header { font-size:18px; }
/*
#ps-report { float: right; display: inline; height: 22px; margin:-2px 2px 0 0; position: relative;}
#ps-report a { cursor: pointer;}
#ps-report em { font-style: normal; display: inline-block; float: left; height: 22px; width: 50px; padding-top: 3px; color: #666; font-weight: bold; text-align: right; }
#ps-report em.selected { background-color:#7BA4CB; color:#fff; }
#ps-report b { display: inline-block; float: left; height: 22px; width: 15px; padding-top: 3px; text-align: left; }
#ps-report b img { behavior: url(/css/new/iepngfix.htc); }
#ps-report a.selected em { background: url(/images/new_subdomain/report-bg_01.png) left top no-repeat; }
#ps-report a.selected b { background: url(/images/new_subdomain/report-bg_02.png) left top no-repeat; }
#ps-report #report-select { position: absolute; z-index: 100; top: 0; left: 0; width: 150px; height: auto; margin-top: 17px;}
#ps-report #report-select ul { margin: 0; padding: 0; list-style-type: none; display: block; width: 150px; background: url(/images/new_subdomain/report-bg_03.png) left top no-repeat; behavior: url(/css/new/iepngfix.htc);}
#ps-report #report-select ul a { display: block; width: 138px; border-left: solid 1px #DDD; border-right: solid 1px #DDD; padding: 5px 5px; background-color: #FFF; color: #666; }
#ps-report #report-select ul li:first-child a { border: none; background: none transparent;}
#ps-report #report-select #report-footer { width: 150px; height: 5px; overflow: hidden; background: url(/images/new_subdomain/report-bg_04.png) left top no-repeat; behavior: url(/css/new/iepngfix.htc);}
*/

#pages-select, #pages-sort { float: right; display: inline; height: 18px; position: relative; background: none transparent;}
#pages-select a, #pages-sort a { display: inline-block; padding: 0 5px; height: 18px; color: #666; font-weight: bold; background: none transparent; border: solid 1px #FFF; text-decoration:underline;}
#pages-select a.selected, #pages-sort a.selected { border-color: #CCC; background: #FFF; border-bottom: none;}
#pages-select #page-select, #pages-sort #page-sort {position: absolute; z-index: 100; top: 0; left: 0; width: 150px; height: auto; margin-top: 17px; border: solid 1px #CCC; background: #FFF;}
#pages-select #page-select ul, #pages-sort #page-sort ul { margin: 0px; padding: 0px; list-style-type: none;}
#pages-select #page-select ul li, #pages-sort #page-sort ul li { height: 18px; line-height: 18px; }
#pages-select #page-select ul li a, #pages-sort #page-sort ul li a { display: block; padding: 0 5px; height: 18px; text-decoration:none;}

.bookmark_intro_text { padding-bottom:20px; }
.bookmark_intro_text p { font-size:12px; line-height:18px; padding:5px 0; } 

#connect-stat-N {  color:#a0a0a0;  font-weight: bold;}
#connect-stat-C {  color:#606060;  font-weight: bold;}
#connect-stat-E {  color:#c06060;  font-weight: bold;}
#connect-stat-X {  color:#6060c0;  font-weight: bold;}

ul#service-list {  padding: 0;  margin: auto;  list-style: none;  text-align: center;}
.service-item {  display: block;  color:#808080;  text-decoration: none;  border: 1px solid #fff; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  padding: 4px 0px;  font-size: 12px;}
.service-item-hover {  display: block;  color:#808080;  text-decoration: none;  border: 1px solid #ccc; -moz-border-radius: 4px;  -webkit-border-radius: 4px;  padding: 4px 0px;  font-size: 12px; background-color: #f8f8f8;}
.service-item a,
.service-item-hover a { color:#EA6A00; font-weight:bold; }

.first_page { width:485px; height:60px; background:url(/images/new/first_page_bg.png) no-repeat; float:left;  behavior: url(/css/new/iepngfix.htc); }
.first_page h4 { padding:0; margin-top:9px; color:#fff; font-size:22px; text-align:center; line-height:21px; }
.first_page h4 a { color:#fff; }