input[type="text"], select { border:1px solid #a6c1e5; }
 select { padding: 1px; }
.form { font-family:Arial, Helvetica, sans-serif; }
.form input, .form textarea { margin:.2em 0 .5em; }
.form textarea { height:60px; width:205px; border:1px solid #a6c1e5; }
.form input[type="text"] { width:205px; border:1px solid #a6c1e5; height:18px; line-height:18px;  }
.form-large input[type="text"] { width: 400px; }
.form input.long-input { width:445px; }
.form input.short { width:65px; }
.form select { -moz-border-radius: none !important; -webkit-border-radius: none !important; border-radius: none !important; padding: 1px;  line-height:22px; height:22px; }
.form fieldset { border:none; margin:0; padding:0; }
.form label { font-weight:bold; font-size:14px; display:block; color:#f7941d; margin:0 0 2px; }

.form .check-wapper .inline-label { float:left; padding-right:5px; }
.form .check-wapper .check { float:left; margin-top:2px; padding:0 }
.medium label { font-weight:bold; font-size:.9em; display:block; float:left; width:150px; padding:5px 0; /*font-family:Arial, Helvetica, sans-serif*/ }
.form .row { margin:0 0 10px 0; overflow:hidden; clear:both; }
.form .check-wapper { /*height:18px;*/ margin-top:10px; }

.form .hint { color:#999; margin:0; padding:0; }
.form .note { font-style:italic; }
.form span.required { color: #224A99; font-weight: normal; }
.form span.required strong { color:#E00; }

.form div.error label, .form label.error, .form span.error {  background:none; float:none;  margin-left:0; }
.form div.error input, .form div.error textarea, .form div.error select, .form input.error, .form textarea.error, .form select.error { background:#FEE; border-color:#C00; }
.form div.success input, .form div.success textarea, .form div.success select, .form input.success, .form textarea.success, .form select.success { background:#E6EFC2; border-color:#C6D880; }
.form .errorSummary { border:2px solid #C00; background:#FEE; font-size:.9em; margin:0 0 20px; padding:7px 7px 12px; }
.form .errorMessage { color:red; font-size:1em; }
.form-panel .errorMessage { font-size:1em; }
.form .errorSummary p { margin:0; padding:5px; }
.form .errorSummary ul { margin:0; padding:0 0 0 20px; }
.wide.form label { float:left; margin-right:10px; position:relative; text-align:right; width:100px; }
.wide.form .row { clear:left; }
.wide.form .buttons, .wide.form .hint, .wide.form .errorMessage { clear:left; padding-left:110px; }
.btn, .btn span { background:url(images/btn-submit.png) left top no-repeat;  padding:0 0 0 10px; display:inline-block; height:26px;}
.btn span { padding:4px 22px 0 12px; height:22px; background-position:right -26px; }
.btn span,  x:-moz-any-link  { padding:3px 22px 1px 12px; }
.btn span input { color:#FFF; font-size:1.2em; background:none; border:none; padding:0; margin:0; cursor:pointer; text-align:center;  text-transform: uppercase; }
.row .col-1, .row .col-2, .row .col-3 { float:left; width:240px; }
.row .col-2 { width:280px; }
.row .col-3 { width:200px; }
.row .check { margin:10px 0 0; }
.row .check-2 { margin-top: 2px; }
.row .check span { padding:0 6px 0 0; }
.row .check label { font-weight: normal; display:inline; }
.row .check input[type=radio], .row .check input[type=checkbox] { margin: 0 2px 0 0; }
form .errorMessage, form span.required { color: #c00; }

.dao-tao { padding:10px 0 12px 45px; }
.dao-tao .row .col-1, .dao-tao .row .col-2, .dao-tao .row .col-3 { width:300px; }
.dao-tao .row input[type=text] { width:270px; margin-right:2px; padding:1px 2px; font-size:1em; }
.dao-tao .row span { color:#f00; }
.dao-tao .check { text-align:center; }
.form .question-content textarea { width:575px; height:100px; }
.form .question-content label { color:#ed1f24; }

.btn-red, .btn-blue, .btn-orange { background:url(images/btn.png) left top no-repeat; padding:0 0 0 20px; display:inline-block; }
.btn-red span, .btn-blue span, .btn-orange span { background:url(images/btn.png) right -32px no-repeat; display:inline-block; padding:0 20px 0 0; height:28px; }
.btn-red input, .btn-blue input, .btn-orange input { background:none; border:none; margin:0; padding:0;  color:#FFF; cursor:pointer; height:22px; line-height: 26px; }
.btn-blue { background-position:0 -64px; }
.btn-blue span { background-position:right -95px; }
.btn-orange { background-position:0 -130px; }
.btn-orange span { background-position:right -164px; }

#sign-in .btn-blue { background-position:0 -196px; }
#sign-in .btn-blue span { background-position:right -227px; }

.form-xet-tuyen .errorMessage { margin-left: 250px; clear: both; }
.form-xet-tuyen label, .form-xet-tuyen label.required { width:235px; color:#224a99; float:left; text-align:right; padding:0 15px 0 0; }
.form-xet-tuyen ul { margin:0; padding:0; width:380px;}
.form-xet-tuyen li { background:none; padding:0; width:90px; float:left; }
.form-xet-tuyen .check, .form-xet-tuyen .check2 { float:left; margin:0; border:1px solid #e3f4fd; padding:5px; }
.form-xet-tuyen .check2 { border: none; padding: 5px 0; }
.form-xet-tuyen .check label, .form-xet-tuyen .check2 label { width:auto; line-height: 18px; font-weight: normal; }
.form-xet-tuyen .nguyen-vong-nganh li { width:190px; }
.form-xet-tuyen .doi-tuong-du-thi li { width:125px; }
.form-xet-tuyen .loai-diem-thi li { width:110px; }
.form-xet-tuyen input[type=text] { width:280px; }
.form-xet-tuyen textarea { width:350px; height:80px; }
.form-xet-tuyen select { width:280px; }
.form-xet-tuyen .buttons { margin-left:250px; }
.form-xet-tuyen .note { text-align:center; color:#f7941d; margin:25px 0 15px; }
.nhaTuyenDungForm fieldset { border: 1px solid #76c8f0; padding: 15px;}
.nhaTuyenDungForm h3 { background: #23b8eb; color: #FFF; text-transform: capitalize; font-size: 1.2em; font-weight: normal; margin: 0 0 1px; padding: 3px 5px; display: inline-block;}
.nhaTuyenDungForm { margin: 8px 0; }
.nhaTuyenDungForm .row { margin: 0 0 10px; overflow: hidden;}
.nhaTuyenDungForm label { text-align: right; width: 200px; display: inline-block; color: #333; font-size: 1.1em; margin:0 2px 0 0 ; vertical-align: top;}
.nhaTuyenDungForm input[type=text], .nhaTuyenDungForm input[type=password] { width: 300px; border: 1px solid #A6C1E5;}
.nhaTuyenDungForm textarea { width: 380px; height: 120px; border: 1px solid #A6C1E5; resize:none; }
.nhaTuyenDungForm select { width: 200px; }
.nhaTuyenDungForm .note { margin: 0 0 0 206px; font-size: 1em; color: #f7941d; font-weight: normal; display: block; clear: both; font-style: italic;}
.nhaTuyenDungForm .note2 { margin: 0; font-size: 1em; color: #f7941d; font-weight: normal; font-style: italic;}
.nhaTuyenDungForm .errorMessage { margin: 0 0 0 204px; }
.group-content .nhaTuyenDungForm .check { display: inline-block; margin: 0;}
.nhaTuyenDungForm .check ul { width: 92px; }
.nhaTuyenDungForm .check li { list-style: none; background: none; padding: 0; }
.nhaTuyenDungForm .row .col-1, .nhaTuyenDungForm .row .col-2 { float: left; width: 370px; }
.nhaTuyenDungForm .row .col-2 { width: 170px; }
.checkGraduation span { width: 200px; display: inline-block; text-align: right;}
.nhaTuyenDungForm .checkGraduation label { text-align: left; }
.nhaTuyenDungForm .avatarFile, .nhaTuyenDungForm .mainForm{ float: left; width: 545px;}
.nhaTuyenDungForm .avatarFile { width: 100px; border:1px solid #54bfed; padding: 10px 2px; margin: 0 5px 0 0;}
.nhaTuyenDungForm .avatarFile img { width: 98px; display: block; margin: 0 auto; border: none; float: none;}
.nhaTuyenDungForm .mainForm label { width: 120px; }
.nhaTuyenDungForm .mainForm input[type=text] { width: 220px; }
.nhaTuyenDungForm .mainForm .errorMessage{ margin:0 0 0 126px;}
.boxInfo { padding: 0; margin: 0 0 15px 110px; }
.boxInfo .boxInfoContent { border:1px solid #23b8eb; padding: 15px 10px 10px 20px; }

.checkGraduation span.checkboxStyle { margin-left: 180px; width: 20px; }

#salaryDeal { margin: 20px 0 0; display: inline-block; visibility: hidden;}
#salaryDeal label { width: 60px; line-height: 24px;}
#salaryDeal input { width: 70px; } 
#career-type { background: #c6eafa; border:1px solid #a4abae; overflow: hidden; padding: 7px 12px 0; }
#career-type label { width: 187px; }
#career-type ul { overflow: hidden; width: 100%; }
#career-type li { float: left; width: 120px;}
.thu-vien-search label { font-size:1.1em; color:#333; font-weight:normal; width:140px; float:left;  text-align:right; padding-right:5px;}
.thu-vien-search input[type="text"] { width:235px; height:14px; font-size:1em; padding:2px 3px; }
.nhaTuyenDungForm .checkGraduation .note { margin-left: 200px; width: 460px; text-align: left; color: #f26522; font-weight: normal; line-height: 15px;}

#searchAdvance input[type="text"] { width: 200px; margin:0 5px 0 0; }
.thu-vien-search .buttons { margin-left:114px; margin-top:20px; }
.thu-vien-search .row { margin-bottom:4px; }
.user-error { color: #C00; font-size: 14px; margin: 0 0 10px; padding: 6px 6px; border: 1px solid #9ADF8F; background: #D5FFCE; }
.form .tooltip
{
	display: none;
    background: #f1f3f4 url(images/frm_validation_content_bg.png) repeat-x left top;   
    padding: 10px 0 10px 12px;
    width: 320px;
	border: 1px solid #d0d0d0;
    -moz-box-shadow: 0 0 3px #D0D0D0; 
    -webkit-box-shadow: 0 0 3px #D0D0D0; /* Safari */
    box-shadow: 0 0 3px #D0D0D0;
}

.hint {
    background: #f1f3f4 url(images/frm_validation_content_bg.png) repeat-x left top;                   
    border: 1px solid #d0d0d0;
    -moz-box-shadow: 0 0 3px #D0D0D0; 
    -webkit-box-shadow: 0 0 3px #D0D0D0; /* Safari */
    box-shadow: 0 0 3px #D0D0D0;
    display:none;
    margin-left:45px;
    padding: 10px 12px;
    position:absolute;
    width: 270px;
}
.l-hint {
    background: #f1f3f4 url(images/frm_validation_content_bg.png) repeat-x left top;
       border: 1px solid #d0d0d0;
    -moz-box-shadow: 0 0 5px #D0D0D0; /* Firefox 3.6 and earlier */
    -webkit-box-shadow: 0 0 5px #D0D0D0; /* Safari */
    box-shadow: 0 0 5px #D0D0D0;
    display:none;
    margin-left: 230px;
    padding: 10px 12px;
    position:absolute;
    width: 270px;
}

/* The pointer image is hadded by using another span */
.form .tooltip .hint-pointer, .form .tooltip .hint-pointer {
    background: url(images/frm_validation_left_arrow.png) left top no-repeat;
    left: -11px;
    height: 18px;    
    position:absolute;
    top: 5px;
    width: 11px;
}

/* input multiply files */
.MultiFile-list{width:400px;}
.MultiFile-label{background-color:#F7F7F7;border:1px solid #E8E8E8;overflow:hidden;margin:5px;padding:6px 4px;}
.MultiFile-remove{background-image:url(images/cancelbutton.gif);background-position:-14px 0;background-repeat:no-repeat;display:block;float:right;font-size:0;height:14px;width:14px;}
.MultiFile-remove:hover { background-position:0 0; }
.MultiFile-title { color: #57A000; }


.form-quote select { width:175px; color:#f7941d; }
.form-quote .large-select { width:232px; }
.form-quote .errorMessage { clear: both; }

ul.yiiPager a:link, ul.yiiPager a:visited {
    
}
ul.yiiPager .selected a, ul.yiiPager a:hover {
    color: white;
}
ul.yiiPager li.hidden {
    display: none;
}
.list-view .pager {
    margin-bottom: 10px;
}
.pager { height: 25px; padding-top: 10px; float: right; }
.pager a, .pager strong { border: #135ba8 solid 1px; float: left; margin-right: 3px; padding: 0 4px; }
.pager a { color: #135ba8; }
.pager a:hover { background-color: #135ba8; color: #FFF; text-decoration: none; }
.pager .prev, .pager .next { border: none; }
.pager .prev:hover, .pager .next:hover { background-color:transparent; }
.pager strong { background-color: #135ba8; color: #fff; }
.pager .type { display: none; }
.pager a img { border:none; margin:0; }
.dao-tao-chi-tiet-content ul.yiiPager a:link, .dao-tao-chi-tiet-content ul.yiiPager a:visited { padding:3px 4px; }
.dao-tao-chi-tiet-content li { background: none; padding: 0;}
/*************** Notifications ***************/

div.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

div.attention {
                background: #fffbcc url('images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

div.information {
                background: #dbe3ff url('images/icons/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

div.success {
                background: #d5ffce url('images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652; width: 100%;
                }

div.error {
                background: #ffcece url('images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 6px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }