@charset "utf-8";
/* CSS Document */


/* --------------------------------------------------
Project: CeeVee
Version: 1.5.0
Author:  VISUALIS / www.visualis.ro
Usage:   Application
-------------------------------------------------- */

/* DEFAULT BROWSER STYLE RESET */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd, ul, ol, li, form, fieldset, legend, label, input, textarea, select, button, blockquote, q, img, font, small, strong, strike, sup, sub, em, code, abbr, acronym, pre, table, caption, th, tr, td { margin:0; padding:0; border:0; outline:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Verdana, Geneva, sans-serif; vertical-align: baseline; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
strong { font-weight:bold; }
em { font-style:italic; }
a, a:active, a:hover, a:focus, a:visited, a:hover { outline: none; overflow:hidden; }
/* END STYLE RESET */

.marg {
	padding-left:236px;
	}

#page { font:54% Verdana, Geneva, sans-serif; color:#2C2A1F; background:#222222; text-align:center; }
div#page { width:100%; margin:0 auto; }
div.wrap { width:950px; margin:0 auto; text-align:left; position:relative; }

.alignleft { float:left; }
.alignright { float:right; }

input, textarea, select { font-family:Verdana, Geneva, sans-serif; padding:5px; color:#000; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(../img/bg-field.gif) repeat-x top; }
input.checkbox, input.radio { display:block; line-height:1.5em; margin:.3em 0 0 3px; width:13px; height:13px; border:none; background:none; }

.hide {display:none}
.show {display:block}

div#header { height:10px; background:#2E2A1F url(../img/bg-header.jpg) repeat 0 0; border-bottom:3px solid #68D000; }
div#header h1 { position:absolute; top:15px; left:0; }
div#header h1 a { width:130px; height:33px; display:block; text-indent:-10000em; background:url(../img/logo-app.png) no-repeat 0 0; }
div#header h1 a:hover {background-position:0 -34px;}
div#header ul.profile {position:absolute; right:0; top:35px;}
div#header ul.profile li {font-size:1.1em; color:#D7D1C6; display:inline; margin-left:5px;}
div#header ul.profile li strong {color:#68D000; font-weight:bold;}
div#header ul.profile li a {color:#D7D1C6;}
div#header ul.profile li a:hover {color:#68D000;}

div#secondary {height:50px; border-bottom:1px solid #ccc; background:#eee url(../img/bg-secondary.jpg) repeat-x 0 0; position:relative; z-index:1000;}
div#secondary ul#tabs {position:absolute; left:90px; top:-36px; width:435px; height:50px; overflow:hidden; text-indent:-10000em; background:url(../img/nav-tabs.png) no-repeat 0 0;}
div#secondary ul#tabs li {float:left;}
div#secondary ul#tabs li a.profiles {width:200px; margin-left:35px; height:50px; display:block; text-indent:-10000em; background: url(../img/nav-tabs.png) no-repeat -35px 0;}
div#secondary ul#tabs li a.jobs {width:200px; height:50px; display:block; text-indent:-10000em; background: url(../img/nav-tabs.png) no-repeat -235px 0;}
div#secondary ul#tabs li a.jobs:hover {background-position:-235px 50px;}
div#secondary ul.nav {width:500px; overflow:hidden; position:absolute; left:0; top:16px;}
div#secondary ul.nav li {float:left; margin-right:12px;}
div#secondary ul.nav li a {line-height:12px; font-size:1.2em; display:block; padding:6px 10px; text-decoration:none; font-weight:bold; color:#2E2A1F; text-shadow:1px 1px 0px #fff;}
div#secondary ul.nav li a:hover {color:#68D000;}
div#secondary ul.nav li a.on { background:#68D000 url(../img/bg-button.jpg) repeat-x; color:#fff; text-shadow:1px 1px 0px #53A600; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

div#main {padding-top:30px;}
div#main div.wrap {overflow:hidden}
div#main.viewer div.wrap {width:800px;}

/* -- content -- */
div#content-container {width:700px; background:#fff url(../img/bg-shadow-right.jpg) right top no-repeat; float:left; min-height:600px; height:auto!important;height:600px}
div#content-container.edit {background:#fff url(../img/bg-shadow-right.jpg) right top no-repeat; min-height:710px; height:auto!important;height:710px}
div#content-container h1.title {width:656px; padding:20px 20px 10px 20px; background-color:#2E2A1F; color:#fff; font-size:2.4em; font-weight:bold; border-bottom:2px solid #fff;}
div#main.viewer div#content-container {background:#fff url(../img/bg-shadow-right.jpg) right top no-repeat; width:800px; display:inline;  min-height:600px; height:auto!important;height:600px}
div#content {width:660px; padding:20px; font-size:1.2em;}
div#content h2 {font-size:1.6em; font-weight:bold; color:#68D000; margin-bottom:10px; text-shadow:1px 1px 0px #fff; padding-bottom:5px; border-bottom:1px dotted #ddd;}
div#content h3 {font-size:1.4em; font-weight:bold; margin-bottom:5px; margin-top:10px;}
div#content h4 {font-size:100%; font-weight:bold;}
div#content p {margin-bottom:10px;line-height:1.6em;}
div#content ul {list-style:square; list-style-position:outside; margin-bottom:10px; margin-left:20px; padding-left:20px;}
div#content ul li, div#content ol li {margin-bottom:5px; line-height:1.6em;}
div#content ol {list-style:decimal; list-style-position:inside; margin-bottom:10px; margin-left:20px;}
div#content blockquote {font-style:italic; margin-bottom:20px; margin-top:10px; padding-left:20px; width:80%;}
div#content hr {float:left; background:#ddd; color:#ddd; width:100%; height:1px; margin:10px 0; padding:0; border:none;}
div#content hr.spacer { background: #fff; color: #fff;}
div#content a {color:#68D000;}
div#content a:hover {color:#000;}
div#content div.clearer {width:100%; overflow:hidden; margin-bottom:40px;}
div#content ul.share {text-decoration:none; color:#666; margin:0; margin-top:10px; padding:0; line-height:24px; list-style:none; width:300px;}
div#content ul.share li {margin-bottom:10px;}
div#content ul.share li h3 {margin-top:0; margin-bottom:5px;}
div#content ul.share li a {padding-left:32px; display:block; line-height:24px;}
div#content ul.share li a.twitter {background:url(../img/twitter-24x24.png) no-repeat left}
div#content ul.share li a.facebook {background:url(../img/facebook-24x24.png) no-repeat left}

/* -- aside -- */
div#aside {width:210px; float:right;}
div#aside div.box-container {padding:5px; background:#ddd; float:left; margin-bottom:10px; -moz-border-radius: 6px; -webkit-border-radius: 5px; border-radius:5px;}
div#aside div.box {border:1px solid #ccc; background:#fff; color:#666; float:left; width:195px; padding:10px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
div#aside div.box h2 {font-size:1.6em; font-weight:bold; letter-spacing:-0.5px; display:inline; color:#29251D; background-color:#fff; margin:0 0 5px 10px; float:left;}
div#aside div.box p {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 10px; float:left; display:inline; width:180px;}
div#aside div.box a {color:#574E3E;}
div#aside div.box a.expand {width:10px; height:10px; text-indent:-10000em; float:right; display:inline; background:url(../img/icon-expand.gif) no-repeat top left; margin-right:10px;}
div#aside div.box a.expand:hover {background:url(../img/icon-expand.gif) no-repeat 0 -10px;}
div#aside div.box a.collapse {width:10px; height:10px; text-indent:-10000em; float:right; display:inline; background:url(../img/icon-collapse.gif) no-repeat top left; margin-right:10px;}
div#aside div.box a.collapse:hover {background:url(../img/icon-collapse.gif) no-repeat 0 -10px;}

/* -- edit cv -- */
div#aside div.box h2.edit {}
div#aside div.box ul.sections {float:left; font-size:1.2em; line-height:2.2em; color:#574E3E; background-color:#fff; display:inline; width:180px; margin-left:10px; padding-bottom:10px; border-bottom:1px solid #eee;}
div#aside div.box ul.sections li {float:left; width:160px; padding-left:5px;}
div#aside div.box ul.sections li.move {cursor:move;}
div#aside div.box ul.sections li a.remove{float:left; margin-right:5px; margin-top:3px; display:inline; width:13px;}
div#aside div.box fieldset {float:left; width:180px; margin-left:10px; padding:10px 0px;}
div#aside div.box fieldset.selector {margin:0px 0px 10px 5px; border-bottom:1px solid #eee; padding:15px 0px;}
div#aside div.box fieldset select {float:left; width:175px; font-size:1.1em; display:block; }
div#aside div.box fieldset button {float:left; width:121px; height:25px; padding:4px 0 7px 0; font-size:1.2em; font-weight:bold; cursor:pointer; background:#68D000 url(../img/bg-button.jpg) repeat-x left top; color:#fff; margin-top:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-shadow:1px 1px 0px #090; text-transform:capitalize;}
div#aside div.box a.reorder {float:left; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff url(../img/icon-sort.gif) no-repeat 10px 4px;  font-size:1.1em; color:#574E3E; text-decoration:underline; padding:5px 0 8px 25px; width:160px;}
div#aside div.box a.reorder:hover {color:#68D000; background-color:#fff; text-decoration:none;}
div#aside div.box a.save {float:left; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff url(../img/icon-save.gif) no-repeat 10px 15px;  font-size:1.1em; font-weight:bold; color:#68D000; text-decoration:underline; padding:15px 0 8px 30px;}
div#aside div.box a.save:hover {color:#68D000; background:#fff url(../img/icon-save.gif) no-repeat 10px 15px; text-decoration:none;}

/* -- privacy box -- */
div#aside div.box p.privacy a {width:114px; height:24px; text-indent:-10000em; float:left; display:inline; background:url(../img/bt-privacyselector.jpg) no-repeat 0 0;}
div#aside div.box p.privacy a.privacy-on { background-position:top}
div#aside div.box p.privacy a.privacy-off { background-position:bottom}
div#aside div.box p.privacy a.help {float:left; margin-left:5px; margin-top:5px; background:none; width:13px; height:13px; text-indent:0;}
div#aside div.box p.view a {float:left; background: url(../img/icon-external.gif) no-repeat right 4px; padding-right:17px; font-size:1.1em; color:#666; margin:5px 0 0 0; padding-bottom:10px; display:block;}
div#aside div.box p.view a:hover {color:#68D000; text-decoration:none;}
div#aside div.box p.privacy span.view.privacy-on { background-position:top}
div#aside div.box p.privacy span.view.privacy-off { background-position:bottom}

div#aside div.box div.download {width:195px; float: left; padding-top:15px; padding-bottom:5px; border-top:1px solid #eee;}
div#aside div.box div.download ul {margin-left:10px; width:140px; float: left;}
div#aside div.box div.download ul li {font-size: 1.1em; padding-left: 24px; height: 13px; padding-top:3px;}
div#aside div.box div.download ul li.print {background: url(../img/icon-print-grey.png) no-repeat left; margin-bottom: 12px; }
div#aside div.box div.download ul li.pdf {background: url(../img/icon-pdf.png) no-repeat left; margin-bottom: 5px;}
div#aside div.box div.download ul li a:hover {color:#68D000; text-decoration: none;}

div#aside div.box div.shares {width:195px; float: left; margin-top:5px; padding-top:15px; border-top:1px solid #eee;}
div#aside div.box div.shares ul {margin-left:10px; width:140px; float: left;}
div#aside div.box div.shares ul li {font-size: 1.1em; padding-left: 24px; height: 13px; padding-top:3px;}
div#aside div.box div.shares ul li.facebook {background: url(../img/facebook.png) no-repeat left; margin-bottom: 12px; }
div#aside div.box div.shares ul li.twitter {background: url(../img/twitter.png) no-repeat left; margin-bottom: 5px;}
div#aside div.box div.shares ul li a:hover {color:#68D000; text-decoration: none;}

/* -- side navigation - pages -- */
div#aside div.box ul.navigate {margin:5px 0 10px 0; float:left;}
div#aside div.box ul.navigate li {font-size:1.2em; float:left;}
div#aside div.box ul.navigate li a {width:180px; padding-left:15px; padding-top:10px; padding-bottom:10px; float:left; color:#29251D;}
div#aside div.box ul.navigate li a:hover {color:#68D000;}
div#aside div.box ul.navigate li a.on {height:20px;padding-top:13px; padding-bottom:7px; background:url(../img/bg-aside-on.jpg) repeat-x left top; float:left; color:#fff;  text-shadow:1px 1px 0px #090; text-decoration:none; font-weight:bold;}
div#aside div.box ul.navigate li a.on:hover {color:#fff;}
div#aside div.box a.close-account {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; text-decoration:none; background:#fff url(../img/icon-close-w.gif) no-repeat 10px 12px; color:#999; margin-top:10px; padding:10px 0 2px 30px; float:left; border-top:1px solid #ddd; width:165px;}
div#aside div.box a.close-account:hover {color:#68D000; text-decoration:underline;}

div#footer {}
div#footer div.shadow {background:url(../img/bg-shadow-bottom-700.jpg) no-repeat left top; padding-top:50px; margin:0 auto; width:950px; clear:both;}
div#footer div.shadow-preview {background:url(../img/bg-shadow-bottom-800.jpg) no-repeat center top; padding-top:50px; margin:0 auto; width:950px; clear:both;}
div#footer div.wrap { background:url(../img/logo-footer.jpg) no-repeat 0 0; width:800px; padding-left:150px; overflow:hidden; height:170px; }
div#footer ul.nav { float:left; width:170px; }
div#footer ul.nav li { line-height:180%; }
div#footer ul.nav li h4 { font-size:1.4em; color:#000; font-weight:bold; margin-bottom:15px; text-shadow:1px 1px 0px #eee; }
div#footer ul.nav li a { font-size:1.1em; color:#5D5952; text-decoration:none; }
div#footer ul.nav li a:hover { color:#68D000; text-decoration:underline; }
div#footer p.copyright { position:absolute; bottom:20px; left:150px; color:#AAAAAC; font-size:1.1em; }
div#footer p.copyright a { color:#AAAAAC; }
div#footer p.copyright a:hover { color:#000; }
div#footer hr { width:800px; height:1px; border:none; color:#BDBDBE; background:#BDBDBE; position:absolute; top:17px; left:150px; }


/* -- account settings -- */
div#content fieldset {margin-top:10px; margin-bottom:20px; float:left; width:640px;padding-bottom:20px;}
div#content fieldset h3 {margin-bottom:20px; float:left;}
div#content fieldset p.url {float:left; margin-bottom:20px; padding-left:190px; font-size:12px; font-weight:bold; color:#666;}
div#content fieldset p.url em {color:#68D000; font-style:normal;}
div#content fieldset label {display:block; float:left; width:100%; padding:10px;}
div#content fieldset label.oldpwd {margin-bottom:10px;}
div#content fieldset label:hover {background:#FFFFE5;}
div#content fieldset label strong {width:180px; float:left; padding-top:8px; font-size:1.2em;}
div#content fieldset label em {float:left; margin-left:10px; font-style:normal;padding-top:3px; font-size:90%;}
div#content fieldset label em.after {padding-top:9px; font-size:12px;}
div#content fieldset label input {width:300px; float:left; padding:8px 5px;}
div#content fieldset label input.checkbox {width:13px; height:13px; margin-top:8px;}
div#content fieldset label input.radio {width:13px; height:13px;}
div#content fieldset label textarea {float:left; width:300px; height:80px; padding:8px 5px;}
div#content fieldset label span.error {margin-left:180px;}
div#content button {height:33px; padding:10px 40px; font-weight:bold; cursor:pointer; background:#68D000 url(../img/bg-button.jpg) repeat-x 0 0; color:#fff; margin-top:5px; float:left; display:inline; margin:20px 0 40px 190px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-shadow:1px 1px 0px #090; text-transform:capitalize;}
div#content button:hover {background:#71E000;}

div#content fieldset em.hint {font-size:9px; font-style:italic; color:#999; width:300px; padding-left:170px; float:left; margin-top:5px; line-height:120%;}
div#content fieldset em.hint a {color:#666; text-decoration:underline;}
div#content fieldset em.hint a:hover {color:#68D000;}


/* -- promote -- */
div#content div.badge {padding:15px 20px; float:left; width:280px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
div#content div.badge.alignright {float:right;}
div#content div.badge:hover {background:#ffffe5}
div#content div.badge img {float:left;}
div#content div.badge span.badge-img {padding:15px 0 0 15px; width:267px; float:left; height:50px; background:#fff;}
div#content div.badge textarea {font-family:"Courier New", Courier, monospace; float:left; width:270px; height:60px; color:#666; overflow:hidden; font-size:11px;}


/* ------- #edit-ceevee ------- */
div#ceevee {width:616px; padding:40px; color:#000; overflow:hidden;}
div#main.viewer div#ceevee {width:716px;}
div#ceevee em {font-style:normal;}
div#ceevee #card {float:left; width:100%;}
div#ceevee #card a {color:#000; background-color:#fff; text-decoration:none;}
div#ceevee #card div.image {width:100px; height:100px; float:right;}
div#ceevee #card div.image img {float:right;}
div#ceevee #card h1#name {float:left; width:500px; min-height:45px; height:auto!important;height:45px}
div#ceevee #card h1#name em {position:relative; font-style:normal; float:left; margin-right:10px;}
div#ceevee #card h1#name span {float:left; cursor:pointer;}
div#ceevee #card h1#name span:hover {background-color:#FFFFE5;}
div#ceevee #card h1#name input {font-size:16px; float:left; padding:9px 5px 3px 7px; height:20px!important; width:170px!important;}
div#ceevee #card h1#name button {background-color:#68D000; color:#fff; font-size:12px;cursor:pointer; padding:9px 5px 7px 5px; float:right;}
div#ceevee #card ul.infos {width:450px; float:right; font-size:1.1em; margin-bottom:30px;}
div#ceevee #card ul.infos li {float:left;}
div#ceevee #card ul.infos li.gender { width:140px;}
div#ceevee #card ul.infos li.bday {width:170px;}
div#ceevee #card ul.infos li a {float:left; display:block; width:9px; height:11px; text-indent:-10000em; background:url(../img/bt-del.gif) no-repeat 0 2px; margin-right:5px;}
div#ceevee #card ul.infos li span {float:left; font-size:12px;}
div#ceevee #card ul.infos li span:hover {color:#000; background-color:#FFFFE5;}
div#ceevee #card ul.infos li select {font-size:11px;}
div#ceevee #card ul.infos li span.add {display:block; padding:1px 2px; padding-left:14px; background:url(../img/bt-add.gif) no-repeat 0 3px; font-family:Verdana, Geneva, sans-serif; color:#666; font-size:9px; cursor:pointer; }
div#ceevee #card ul.infos li span.add:hover {color:#000; background-color:#FFFFE5;}
div#ceevee #card ul.infos li button {background-color:#68D000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:3px; padding-bottom:1px; text-transform:uppercase; cursor:pointer;}

div#ceevee #card p.infos {float:left; width:500px; font-size:1.1em; }
div#ceevee #card p.infos span {float:left;}

div#ceevee #card div.address {width:450px; float:right; padding:0; position:relative; margin-top:15px; }
div#ceevee #card div.address p.edit-address {float:right; width:435px; margin-bottom:10px; font-size:12px; }
div#ceevee #card div.address a.delete {width:9px; height:11px; text-indent:-10000em; background:url(../img/bt-del.gif) no-repeat 0 2px; position:absolute; top:2px; left:0px;}
div#ceevee #card div.address p.edit-address strong {display:block; font-size:11px; color:#999;}
div#ceevee #card div.address p.edit-address span {line-height:130%;}
div#ceevee #card div.address p.edit-address:hover {color:#000; background-color:#FFFFE5; cursor:pointer;}
div#ceevee #card a.add-address {display:block; width:80px; padding:1px 2px; padding-left:14px; background:url(../img/bt-add.gif) no-repeat 0 3px; font-family:Verdana, Geneva, sans-serif; color:#666; font-size:9px; cursor:pointer; float:left;}
div#ceevee #card a.add-address:hover {color:#000; background-color:#FFFFE5;}

div#ceevee #card div.address-frame {margin-top:15px;}

div#ceevee #card address {float:left; width:400px; font-size:1.1em; font-style:normal; position:relative;}

div#ceevee #card div.contacts {float:right; width:450px;}
div#ceevee #card div.contacts ul {width:200px; float:left;}
div#ceevee #card div.contacts ul li {float:left; width:205px; margin-bottom:10px;}
div#ceevee #card div.contacts ul li a {float:left; display:block; width:9px; height:11px; text-indent:-10000em; background:url(../img/bt-del.gif) no-repeat 0 2px; margin-right:5px;}
div#ceevee #card div.contacts ul li span {float:left; font-size:12px;}
div#ceevee #card div.contacts ul li span:hover {color:#000; background-color:#FFFFE5;}
div#ceevee #card div.contacts ul li input {font-size:11px; width:100px!important; padding:4px;}
div#ceevee #card div.contacts ul li span.add {display:block; padding:1px 2px; padding-left:14px; background:url(../img/bt-add.gif) no-repeat 0 3px; font-family:Verdana, Geneva, sans-serif; color:#666; font-size:9px; cursor:pointer;}
div#ceevee #card div.contacts ul li span.add:hover {color:#000; background-color:#FFFFE5;}
div#ceevee #card div.contacts ul li button {background-color:#68D000; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:3px; width:20px; padding-bottom:1px; text-transform:uppercase; cursor:pointer;}

div#ceevee hr { background:#ccc; color:#ccc; width:100%; height:2px; margin:10px 0; padding:0; border:none; float:left;}
div#ceevee hr.space { background: #fff; color: #fff;}

div#ceevee div.section {float:left; width:100%; line-height:1.8em;}
div#ceevee div.section p {font-size:1.1em;}
div#ceevee div.section h2 {position:relative;}
div#ceevee div.section p.tasks {margin-top:10px;}
div#ceevee div.section p.description {margin-top:10px;}
div#ceevee div.section p.study-details {margin-top:10px;}

div#ceevee h1 {font-size:3em;}
div#ceevee h2 {font-size:1.8em; font-weight:bold; margin-bottom:10px;}
div#ceevee h3 {font-size:1.4em; font-weight:bold;}
div#ceevee h4 {font-size:1.2em;}



/* -- tooltips -- */
span.tooltip { background-color:#68D000; font-size:9px; font-weight:normal; color:#fff; float:left; z-index:1000000; position:absolute; top:-11px; left:0; display:none; font-family:Arial, Helvetica, sans-serif; line-height:1.2em;}
span.tooltip em {color:#fff; background-color: #68D000; font-style:normal; position:relative;}


.editable_firstname_vcard input {background-color:#eee;}
.editable_lastname_vcard input {background-color:#eee;}

div#ceevee #card select, div#ceevee #card input {background-color:#eee; border:none; padding:0;}
div#ceevee #card p.infos em {font-style:normal; position:relative; float:left;}

div#ceevee div.section em {position:relative; float:left;}
div#ceevee div.section div.contentbox {position:relative; float:right;}

form.editor textarea {width:435px!important; float:left; font-family:Arial, Helvetica, sans-serif; display:block; font-size:11px; margin-bottom:5px; background-color:#eee; color:#333;}
form.editor button {color:#fff; background-color:#68D000; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:3px 10px; margin-right:5px; cursor:pointer;}
form.editor button.cancel {background-color:#ccc; color:#555;}

div#ceevee div.section ul li {position:relative;}
div#ceevee p.bgcolor:hover {background-color:#FFFFE5; cursor:pointer;}
div#ceevee div.bgcolor:hover {background-color:#FFFFE5; float:left;}


a.addnew {font-size:9px; color:#666; font-family:Verdana, Geneva, sans-serif; text-transform:capitalize; text-decoration:none; padding:1px 2px 1px 25px; display:block; background:url(../img/bt-add.gif) no-repeat 10px 5px; width:80px;}
a.addnew:hover {color:#000;  background-color:#FFFFE5;}

span.edit-delete-links {font-size:9px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; position:absolute; top:2px; right:2px;}
span.edit-delete-links a {color:#666; text-transform:capitalize; text-decoration:none; width:60px; padding:5px 0px 5px 25px; display:block; margin-bottom:2px;}
span.edit-delete-links a.edit {background:#fff url(../img/icon-edit.gif) no-repeat 10px 10px;}
span.edit-delete-links a.delete {background:#fff url(../img/bt-del.gif) no-repeat 10px 10px;}
span.edit-delete-links a:hover {color:#fff; background-color:#68D000; text-decoration:underline;}
span.edit-delete-links a.edit:hover {background:#68D000 url(../img/icon-edit-over.gif) no-repeat 10px 10px;}


div.add-experience-iframe, div.add-study-iframe {float:right;}

div.upload {float:left; margin-top:5px;}
div.upload a {display:block; padding:1px 2px; padding-left:14px; background:url(../img/bt-add.gif) no-repeat 0 3px; font-family:Verdana, Geneva, sans-serif; color:#666!important; font-size:9px; cursor:pointer;}
div.upload a:hover {color:#000; background-color:#FFFFE5;}

a.delete_picture {display:block; padding:1px 2px; padding-left:14px; margin-top:5px; background:url(../img/bt-del.gif) no-repeat 0 3px; font-family:Verdana, Geneva, sans-serif; color:#666!important; font-size:9px; cursor:pointer;}

/* ------ iframe ----- */
body.popup {background:#fff;}
div#popup {float:left; text-align:left; width:455px; border-top:2px solid #eee; padding-top:10px;}
div#popup form { width:455px;}
div#popup fieldset {float:left; width:220px; font-size:1.1em;}
div#popup fieldset.full {width:440px;}
div#popup fieldset.full strong {width:440px;}
div#popup fieldset.full input {width:435px;}
div#popup fieldset legend {display:none;}
div#popup fieldset.last {margin:0; float:right;}
div#popup fieldset label {float:left; display:block; margin-bottom:10px;}
div#popup fieldset label strong {float:left; display:block; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; margin-bottom:3px; width:200px;}
div#popup fieldset label input {float:left; width:200px; font-weight:normal; background:#eee;}
div#popup fieldset label input.currentPosition {width:20px;}
div#popup fieldset label select {float:left; width:200px; background:#eee; }
div#popup fieldset label textarea {float:left; width:200px; background:#eee;}
div#popup fieldset label textarea.otherinfo {height:111px;}
div#popup h3 {width:100%; float:left; font-size:12px; font-weight:bold; margin-top:15px; margin-bottom:0px;}
div#popup p {float:left; display:block; margin-top:10px; border-top:1px solid #eee; padding-top:10px;}
div#popup p.label {float:left; display:block; text-align:left;border:0; margin:0; margin-bottom:5px; padding:0;}
div#popup p.label strong {float:left; display:block; width:200px; padding-top:5px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; margin-bottom:3px;}
div#popup p.label select{float:left; width:187px; background:#eee;}
div#popup p.label select.month {width:120px; margin-right:5px;}
div#popup p.label select.year {width:70px;}
div#popup p.label input {margin-top:4px;}
div#popup fieldset p.hint { margin:0; margin-left:90px; display:inline; font-size:9px; font-style:italic; float:left; width:185px; text-align:left; padding:0; border:none; color:#999;}
div#popup p.label em {margin-left:6px;  font-style:normal;}
div#popup p.actions {width:450px;}
div#popup p button {color:#fff; background-color:#68D000; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:3px 10px; margin-right:5px; cursor:pointer; }
div#popup p a {font-size:1.1em; color:#666; margin-left:20px;}
div#popup p a:hover {background-color:#F5F5F3; color:#68D000;}

div#popup img.photo {float:left; margin:0 30px 15px 15px;}
div#popup div.nopicture {float:left; margin:0 30px 15px 15px;}

div#popup.image {width:100px;}
div#popup.image form {width:100px;}
div#popup.image form fieldset {width:100px;}
div#popup.image form input {width:50px;}
div#popup.image form p.actions {width:100px; font-size:9px; margin-top:0;}
div#popup.image form p.actions button {width:40px;}
div#popup.image form p.actions a {margin-left:4px; background:#fff;}

div.picture {width:100px; height:100px; float:left; margin-right:15px; border:1px solid #ccc; text-align:center;}
div.nopicture {width:100px; height:100px; float:left; margin-right:15px; border:1px solid #ccc; background:url(../img/bg-default-picture.png) no-repeat;}


/* general errors, notice, success, feedback button*/
div#loading {position:fixed; top:0; left:50%; padding:5px 0px; width:140px; margin-left:-70px; text-align:center; font-size:16px; font-weight:bold; background:#FFD249; color:#fff; z-index:10000000; display:none;}
div.error {font-size:12px; font-weight:bold; color:#f00; margin-bottom:15px; padding:20px 0 15px 45px; background: #FFF2F2 url(../img/icon-errors.gif) no-repeat 15px 15px; -moz-border-radius:5px;  -webkit-border-radius:5px; border-radius:5px;}
div.success {font-size:12px; font-weight:bold; color:#090; margin-bottom:15px; padding:20px 0 15px 45px; background: #F2FFF2 url(../img/icon-success.gif) no-repeat 15px 15px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px;}
span.error { float:left; font-size:9px; font-family:Verdana, Geneva, sans-serif; display:block; padding:5px 0px 0px 7px; color:#f00; border-left:2px solid #f00; width:180px;}
div.notice {background:#FFD249; color:#000; padding:10px; font-size:1.2em; font-weight:bold; border-bottom:1px solid #ccc;}

div#feedback {position:fixed; bottom:0; right:0; z-index:1000000;}
div#feedback a {width:100px; height:100px; text-indent:-10000em; display:block; background:url(../img/feedback.png) no-repeat 0 0;}

/* public ceevee */
div#actions {position:fixed; bottom:0; left:0; width:100%;}
div#actions div.wrap {height:40px; background:url(../img/bg-actions.png) repeat 0 0; margin:0 auto; width:850px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; position:relative;}
div#actions div.wrap:hover {background:#2E2A1F;}
div#actions h1  {
	position:absolute;
	left:381px;
	top:2969px;
}
div#actions h1 a {width:60px; height:20px; text-indent:-10000em; background:url(../img/logo-actions.png) no-repeat 0 0; display:block;}
div#actions ul.nav {position:absolute; left:150px; top:14px;}
div#actions ul.nav li {font-size:11px; font-weight:bold; float:left; margin-right:25px;}
div#actions ul.nav a {color:#fff; text-decoration:none; padding-left:23px; float:left; height:14px; padding-top:2px; text-shadow:1px 1px 0px #2E2A1F;}
div#actions ul.nav a.print {background: url(../img/icon-print.png) no-repeat left;}
div#actions ul.nav a.pdf {background: url(../img/icon-pdf.png) no-repeat left;}
div#actions ul.nav a.twitter {background: url(../img/twitter.png) no-repeat left;}
div#actions ul.nav a.facebook {background: url(../img/facebook.png) no-repeat left;}
div#actions ul.nav a:hover {color:#68D000; text-decoration:underline;}
div#actions a.exit {font-size:9px; color:#fff; position:absolute; right:0px; top:15px; z-index:1000; padding-right:10px;}
div#actions a.exit:hover {color:#68D000;}
div.shadow-view {background:url(../img/bg-shadow-bottom-800.jpg) no-repeat center top; padding-top:60px; margin:0 auto; width:950px; clear:both;}



div#submain { height:340px; padding:30px 0; }
div#submain div.container { padding:5px; background:#ddd; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#submain div.box { border:1px solid #ccc; background:#fff; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow:hidden; }
div#submain div.info { width:270px; height:185px; float:left; padding:15px 20px; position:relative; }
div#submain div.info h3 { font-size:1.6em; font-weight:bold; color:#2D2A1F; margin-bottom:15px; }
div#submain div.info a.rss { width:14px; height:14px; display:block; text-indent:-10000em; background:url(/static/img/icon-rss.jpg) no-repeat 0 0; position:absolute; top:12px; right:12px; }
div#submain div.middle { border-left:1px solid #eee; border-right:1px solid #eee; width:268px; }
div#submain div.info ul.blog { overflow:hidden; height:126px; }
div#submain div.info ul.blog li { padding-left:30px; background:url(/static/img/icon-comments.jpg) no-repeat 0 0; margin-bottom:12px; }
div#submain div.info ul.blog li h4 { font-size:1.2em; font-weight:bold; margin-bottom:2px; }
div#submain div.info ul.blog li h4 a { color:#2D2A1F; text-decoration:none; }
div#submain div.info ul.blog li h4 a:hover { color:#68D000; text-decoration:underline; }
div#submain div.info ul.blog li p.meta { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#999; }
div#submain div.info ul.blog li p.meta a { color:#999; text-decoration:none; }
div#submain div.info ul.blog li p.meta a:hover { color:#000; text-decoration:underline; }
div#submain div.info a.more { font-size:1.1em; font-weight:bold; width:160px; float:left; text-align:center; background:#68D000; color:#fff; height:10px; text-decoration:none; padding:7px 0px 8px 0px; text-shadow:1px 1px 1px #4F9B03; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#submain div.info a.more:hover { background:#71E000; }
div#submain div.info p.newsletter { font-size:1.2em; line-height:130%; float:left; }
div#submain div.info span.error {float:left;}
div#submain div.info span.success {float:left; font-size:1.4em; font-weight:bold; color:#666; padding:10px 0 10px 35px; background: url(../img/icon-success-big.gif) no-repeat 0px 3px;}
div#submain div.info button { font-size:1.1em; font-weight:bold; width:160px; text-align:center; background:#68D000; color:#fff; vertical-align:middle; line-height:14px; padding:7px 0px 5px 0px; text-shadow:1px 1px 1px #4F9B03; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; }
div#submain div.info button:hover { background:#71E000; }
div#submain div.info fieldset { margin-top:20px; float:left; }
div#submain div.info fieldset label { width:280px; height:75px; display:block; float:left; }
div#submain div.info fieldset label strong { font-size:1.2em; color:#000; width:270px; float:left; }
div#submain div.info fieldset label input { width:255px; font-size:1.2em; padding:9px 7px; margin-top:5px; float:left; }
div#submain div.info div#twitter { width:250px; height:136px; background: url(/static/img/bg-twitter.jpg) no-repeat 0 0; position:relative; padding:15px 10px 0 15px; }
div#submain div.info div#twitter a.more { position:absolute; bottom:0; right:0; }
div#submain div.info div#twitter ul#twitter_update_list li span { font-size:1.2em; line-height:130%; display:block; margin-bottom:3px; }
div#submain div.info div#twitter ul#twitter_update_list li span a {color:#68D000;}
div#submain div.info div#twitter ul#twitter_update_list li span a:hover {color:#000;}
div#submain div.info div#twitter ul#twitter_update_list li a.permalink { font-family:Verdana, Geneva, sans-serif; font-size:0.9em; color:#666; }
div#submain div.info div#twitter ul#twitter_update_list li a.permalink:hover { color:#68D000; }
div#submain div.info div#twitter #twitter-loading { font-size:11px; padding-left:26px; background:url(/static/img/indicator.gif) no-repeat 0 0; display:block; height:12px; padding-top:3px; color:#666; }
div#submain h5 a {color:#2D2A1F; text-decoration:none; display:block; font-size:2.8em; font-weight:bold; text-shadow:1px 1px 0px #fff; margin:30px 0 20px 0; text-align:center; border:1px solid #ccc; padding:20px 20px 15px 20px; line-height:30px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div#submain h5 a em {color:#68D000;  font-style:normal; text-decoration:underline;}
div#submain h5 a:hover {background:#68D000; color:#fff; text-shadow:1px 1px 0px #4F9B03; border-color:#ddd;}
div#submain h5 a:hover em { color:#fff; }

div#header ul.nav { position:absolute; top:30px; right:0; }
div#header ul.nav li { font-size:1.2em; color:#97958F; float:left; margin-right:7px; }
div#header ul.nav li a { color:#fff; text-decoration:none; font-weight:bold; padding-top:5px; }
div#header ul.nav li a:hover { color:#68D000; text-decoration:underline; }
div#header ul.nav li a.fb { width:169px; height:21px; display:inline-block; text-indent:-10000em; background:url(/static/img/bt-fbconnect.png) no-repeat 0 0; margin-left:20px; margin-top:-5px; }

div#page-container {width:889px; height:448px; padding:20px 40px 0 40px; margin: 0 auto; background:url(../img/bg-page.png) no-repeat 0 0; text-align:left;}
div#page-container h1 {font-size:2.8em; font-weight:bold; color:#68D000; padding-bottom:5px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
div#page-container p {font-size:1.6em; margin-bottom:10px; line-height:140%;}
div#page-container a {color:#68D000;}
div#page-container a:hover {color:#000;}
div#page-container div.about {float:left; width:630px;}
div#page-container div.container {padding:5px; background:#ddd; float:right; margin-top:10px; display:block; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div#page-container div.box {width:220px; height:280px; background:#fff; border:1px solid #ccc; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
div#page-container div.box h2 {font-size:1.4em; font-weight:bold; border-bottom:1px solid #eee; padding:15px 0px 10px 10px; margin-bottom:0px;}
div#page-container div.box ul {padding:20px 0 0 10px;}
div#page-container div.box ul li {font-size:1.1em; padding:5px 0 5px 30px; margin-bottom:12px;}
div#page-container div.box ul li.n1 {background:url(../img/n1.jpg) no-repeat left;}
div#page-container div.box ul li.n2 {background:url(../img/n2.jpg) no-repeat left;}
div#page-container div.box ul li.n3 {background:url(../img/n3.jpg) no-repeat left;}
div#page-container div.box ul li.n4 {background:url(../img/n4.jpg) no-repeat left;}
div#page-container div.box ul li.n5 {background:url(../img/n5.jpg) no-repeat left;}
div#page-container div.box ul li.contact {font-weight:bold; margin-top:20px; padding-left:5px; font-size:1.2em;}

div#page-container h2 {font-size:1.6em; font-weight:bold; margin-bottom:25px;}
div#page-container form {width:100%; overflow:hidden;}
div#page-container fieldset {}
div#page-container fieldset label {display:block; padding:10px;}
div#page-container fieldset label:hover {background:#FFFFE5;}
div#page-container fieldset label strong {display:block; font-size:1.4em; font-weight:bold; margin-bottom:3px;}
div#page-container fieldset label input {font-size:1.4em; padding:8px 5px; width:350px;}
div#page-container fieldset label textarea {font-size:1.4em; padding:8px 5px; width:450px; height:157px;}
div#page-container fieldset button {width:201px; height:41px; display:block; text-indent:-10000em; background:url(../img/bt-send.jpg) no-repeat 0 0; cursor:pointer; margin-left:10px; margin-top:20px;}
div#page-container fieldset button:hover {background-position:left bottom;}
div#page-container fieldset p.note {font-size:11px; color:#999; margin-top:30px; padding-left:10px;}
div#page-container fieldset span.error {width:300px; float:none;}


div#ceevee hr {display:none;}

div#ceevee #card {float:right; width:620px; margin-bottom:40px;}
div#ceevee #card div.image {width:100px; height:170px; float:left; }
div#ceevee #card div.image img {float:left;}
div#ceevee #card h1#name {float:right; width:455px; }
div#ceevee #card p.infos {float:right; width:455px; font-size:12px; font-weight:bold; margin-bottom:20px;}
div#ceevee #card address {float:right; width:400px; font-size:12px; font-style:normal; line-height:1.6em;}
div#ceevee #card address.contacts {margin-bottom:10px;}
div#ceevee #card address.contacts span {float:left; width:220px; }

div#ceevee #card div.image a {float:left;}
div#ceevee #card div.nopicture {float:left;}

div#ceevee div.section {float:left; width:100%; line-height:1.8em; border-top:1px dotted #000; padding-top:20px; margin-bottom:40px;}
div#ceevee div.section p {font-size:1.2em; width:450px !important; float:right; }
div#ceevee div.section p.dtrange {font-weight:bold; margin-bottom:5px;}
div#ceevee div.section h2 {position:relative;} 
div#ceevee div.section h3 {}
div#ceevee div.section h4 {color:#666;width:450px; float:left;}
div#ceevee div.section ul {width:450px; float:right;}
div#ceevee div.section ul li {float:left; margin-bottom:20px;}

form.editor textarea {width:440px; height:100px; float:left; font-family:Arial, Helvetica, sans-serif; display:block; font-size:1.1em; margin-bottom:5px; background-color:#eee; color:#333;}
div#ceevee div.section em {position:relative; float:right; width:455px;}

div#ceevee h1 {font-size:3.0em; font-weight:bold;}
div#ceevee h2 {font-size:1.8em; font-weight:bold; margin-bottom:10px; width:160px; float:left; }
div#ceevee h3 {font-size:1.6em; font-weight:bold;}
div#ceevee h4 {font-size:1.2em;}

/* view CV */

div#main.viewer div#content-container div#ceevee div.section p {font-size:1.4em; width:555px !important; float:right;}
div#main.viewer div#content-container div#ceevee #card {width:720px;}
div#main.viewer div#content-container div#ceevee #card div.image {margin-right:65px; display:inline;}
div#main.viewer div#content-container div#ceevee #card h1#name {float:left; }
div#main.viewer div#content-container div#ceevee #card h1#name span:hover {background-color:#fff; cursor:auto;}
div#main.viewer div#content-container div#ceevee #card address {float:left; width:555px; }
div#main.viewer div#content-container div#ceevee #card address.contacts span {float:left; width:260px; }
div#main.viewer div#content-container div#ceevee #card p.infos {float:left;}
div#main.viewer div#content-container div#ceevee div.section em {float:left; width:455px;}
div#main.viewer div#content-container div#ceevee div.section  ul.vcalendar {float:left;}