#form-cv{
	width: 100%;	
	float: left;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color:#070000;	
	background: url(main.png)no-repeat;
	background-size: 100% 100%;
}
#form-cv p{
	margin-top: 0;
	margin-bottom: 6px
}
#sortable .cvo-block{
	margin-bottom: 20px;
	margin-top: 8px;	
}

#cv-top{		
    text-align: center;       
}
#cvo-profile{	
	display: block;
}
#cv-content{
	width: 55%;
	float: right;
	position: relative;
	padding-top: 10px;
	/* min-height: 800px; */
}
#cv-right{
	background: #6699cc;
}
#cv-main{
	width: 44%;
	/* min-height: 1100px; */
	float: left;
	position: relative;
}
#cv-right .ir{
	padding: 30px 10px 0px 10px;
}
p.skill-name input{
	color: #fff!important;
}

#cv-right .cvo-block span{
	color: #fff;
}
#cv-right .cvo-block h3 span{
	color:#4f84a6;
}
#cv-right .ctbx {
	padding: 0;
	margin:0;
	border:0;
	color: #fff;
}
.skill{
	margin-top: 15px
}


#cv-top h1{
	font-size: 28px;
    padding: 15px 30px 5px 30px;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;    
    margin-left: 0px;
    color: #fff;
    font-weight: bold;
    font-family: 'Roboto';
	
}


#cv-top h1 span{
	padding: 0px 10px;
}

#cv-top h2{
	font-size: 18px;
    text-align: center;
    color: #fff;
    font-style: italic;
    font-family: 'Roboto';
}
.box-01 p{		
    overflow: hidden;
}

#cv-content p{
	margin-bottom: 5px
}
#cv-content .ir a{
	color: #2ebb2f
}
#cv-right h3, #cv-content .head{
	font-size: 20px;    
    color: #003333!important;        
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;        
    margin: 0 auto 15px;    
    line-height: 24px
}
#box02 h3{
	background: url('icon2.png')no-repeat;
	background-size: 10% 100%;
}
#box03 h3{
	background: url('icon3.png')no-repeat;
	background-size: 10% 100%;
}
#box04 h3{
	background: url('icon4.png')no-repeat;
	background-size: 10% 100%;
}
#box05 h3{
	background: url('icon5.png')no-repeat;
	background-size: 10% 100%;
}
#box06 h3{
	background: url('icon6.png')no-repeat;
	background-size: 10% 100%;
}
#box07 h3{
	background: url('icon7.png')no-repeat;
	background-size: 10% 100%;
}
#cv-right h3 div{
	padding: 3px 10px;
	width: 225px;
	margin-left: 30px;
	font-weight: bold;
	color: #003333!important;
}
#block01 .head{	
	background: url('icon8.png')no-repeat;	
	background-size: 10% 100%;
}
#block02 .head{	
	background: url('icon9.png')no-repeat;	
	background-size: 10% 100%;
}
#block03 .head{	
	background: url('icon10.png')no-repeat;	
	background-size: 10% 100%;
}
#block04 .head{	
	background: url('icon11.png')no-repeat;	
	background-size: 10% 100%;
}
#block05 .head{	
	background: url('icon12.png')no-repeat;	
	background-size: 10% 100%;
}
#cv-content .h3{
	background: url('cham.png')no-repeat;	
	background-position: 1px;
	padding-left: 20px;
	color: #000;
	font-weight: unset;
}
#cv-content .head div{	
	color: #003333;
	padding: 3px 10px;
	width: 225px;
	margin:auto;
	font-size: 20px;
	margin-left: 40px;
}

#cv-right .h3{
	height: 45px;
	text-align: center;
	width: 100%;
}

#cv-content h3{	
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color:#003333;
}
p.h3{
	font-weight: bold;
}
#cv-content .cvo-block {    
}
.ctbx{
	padding-left: 10px;
	padding-right: 10px
}

#cv-content span{
	display: inline-block;	
	z-index: 9999;
}

#cv-right .h3:first-child{
	margin-top: 0
}
.ctbx{
	margin-bottom: 20px;
	position: relative;
}
.ctbx:hover {
	box-shadow: 0 0 1px #999;
}
.ctbx:hover .fieldgroup_controls{
	display: block;
}
[cvo-form-field] {
    cursor: text;
}

#cvo-profile-avatar-wraper{	    
    display: table;
    width:100%;
}
#box-hvt{
	margin-top: -133px;
}
#cvo-profile-avatar-wraper img{
	width: 347px;
    height: 360px;
  	display: inline-block;
}
#line-seperate {
    height: 25px;
    /*background-color: #e3ecec;*/
}
.bar-exp div {
   float: left;
    height: 14px;
    margin-top: -1px;
    background: #000033;
    
}
#cvo-profile-avatar{
	width: 347px;
    height: 360px;
}
.bar-exp {
  	width: 100%;
    background: #fff;
    height: 10px;
    float: right;
    margin-bottom: 12px;
    border: solid 3px #000033;
}      
.icoweb label{
	display: block;
	color:#fff;
}
#cv-right .icoweb span{
	color: #fff;
}

.box-contact{
	font-size: 15px;
}
#sortable .icoweb{
	padding-left: 24px;
	line-height: 32px;	
	margin-bottom: 0
}
#sortable .cvi-date{
	background: url('chamtrang.png') left center no-repeat;	
}
#sortable .cvi-user{
	background: url('chamtrang.png') left center no-repeat;	
}
#sortable .cvi-phone{
	background: url('chamtrang.png') left center no-repeat;	
}
#sortable .cvi-envelope-square{
	background: url('chamtrang.png') left center no-repeat;	
}
#sortable .cvi-map-marker{
	background: url('chamtrang.png') left center no-repeat;	
}
#sortable .cvi-info{
	background: url('chamtrang.png') left center no-repeat;	
}
div#box01 span {
    width: 280px;
}
#box02 span, #box032 span, #box04 span, #box05 span, #box06 span, #box07 span {
    width: 310px;
}
.footer {
	/* background:#108991 ; */
	/* height:20px;  */
	  float: left;
	  width: 100%;
	  padding-top: 30px;
  }
.exp-content {
    width: 400px;
    background: url('cham.png')no-repeat;	
	background-position: 1px;
	padding-left: 20px;
}
#cv-profile-birthday::before{
    color: #fff;
}
#cv-profile-sex::before{
    color: #fff;
}
#cv-profile-phone::before{
    color: #fff;
}
#cv-profile-email::before{
    color: #fff;
}
#cv-profile-address::before{
    color: #fff;
}
#cv-profile-face::before{
    color: #fff;
}
#cv-profile-fullname::before{
  color: #fff;
}
#cv-profile-job::before{
  color: #fff;
}
.watermark {
	float: left;
	width: 100%;
	/* height: 22px; */
	color: #999;
	text-align: right;
	padding-right: 15px;
	/* padding-top: 40px; */
	font-size: 15px;
	font-family: Courier;
  }