/*----------  Reset Part  ---------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, 
samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

/*------------------- Theme for Kats Admin---------------------*/
html { overflow-y: scroll; }
html, body { height: 100%; }
.page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -35px; }
.footer-admin, .footer-space { height: 35px; }
.footer-admin { background: #1F6E6D; color: #fff; width: auto; min-width: 1024px; margin: 0; padding: 0; line-height: 30px; }

body { background: #fff url(../../images/bg-body.gif) left top repeat-x; }
body, input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
a { color: #004973; }
a:link { text-decoration: none; }
a:hover { text-decoration: underline; }
p, ul { margin-bottom: 15px; line-height: 1.6em; }

h1, h2, h3, h4, table, form { margin-bottom: 15px; font-weight: normal; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

.titleBar { background: #1F6E6D; color: #fff; margin-bottom: 0; font-size: 1.2em; font-weight: normal; height: 36px; line-height: 35px; padding: 0 10px; }
.wrapper, nav, footer { width: 1024px; margin-left: auto; margin-right: auto; }
.wrapper { margin-bottom: 15px; }

header { background: #1F6E6D; overflow: hidden; margin-bottom: 15px; height: 81px; }
header, header a { color: #fff; }
header .wrapper { position: relative; }
header h1 { float: left; text-indent: -9999px; overflow: hidden; width: 400px; height: 47px; background: url(images/logo.png) left top no-repeat; margin: 17px 0 19px; }
header h1 a { width: 400px; height: 47px; display: block; }

#main { padding: 20px 20px 5px 20px; background-color: #fff; }

footer { padding: 10px 0; text-align: center; line-height: normal; margin: 0 0 30px 0; font-size: .9em; }

nav ul { position: relative; text-align: left; }
nav ul li { display: inline; margin-right: 5px; list-style: none; }
nav ul li a { color: #000; padding: 0 8px; font-size: 1.2em; font-weight: bold; }
nav ul li a:hover, nav ul li a:active, nav ul li.selected a { color: #004973; text-decoration: underline; }

#loginNav { float: right; width: 460px; padding: 4px 110px 0 0; margin-top: 33px; position: relative; text-align: right; }
.loggedinText { float: left; color: #f86600; font-weight: bold; font-size: 1.2em; }
.loginBtn { float: right; }
#loginNav .btnSmall { position: absolute; top: 0; right: 20px; }

/*-------  Buttons  -------*/
.loginBtn, .btnSmall { background: #7da939 url(../../images/bg-btn-small.gif) left top repeat-x !important; color: #fff; padding: 0 10px !important; border: 0 !important; 
                       font-size: 14px !important; cursor: pointer; display: block; height: 19px; line-height: 18px; border-radius: 6px; -webkit-border-radius: 6px; position: relative; }
.loginBtn:hover, .btnSmall:hover { background-image: none !important; text-decoration: none; }
input.btnSmall { line-height: 15px; padding-bottom: 4px; }
.btnSmall, .btnSmall span { font-family: "Trebuchet MS" , Verdana !important; }
.btnSmall span { padding: 0 !important; line-height: 18px !important; color: #fff !important; }

/*-----------  Fomr Layout  ------------*/
form ul { list-style: none; margin: 0; padding: 0; }
ul.form { list-style: none; margin: 0 0 15px 0; padding: 15px 0 0 0; }
fieldset ul { margin-top: 15px; list-style: none; }
form li, ul.form li { margin: 0 0 7px 0; padding: 0; overflow: hidden; }
form li label, ul.form li label { min-height: 15px; display: block; float: left; width: 115px; text-align: right; padding-right: 5px; }

.form .newUserForm ul li label { width: 115px; }
.form .templateForm li label, .form .periodList li label { width: 140px; }
.form .editSettingForm li label, .form .reflectionForm li label { width: 180px; }
.form .practiceForm li label { width: 160px; }

.form .templateForm li .btnRadio label, .form .practiceForm li .btnRadio label, .form .reflectionForm li .btnRadio label { width: auto; }
.form .templateForm li .btnRadio input, .form .practiceForm li .btnRadio input, .form .reflectionForm li .btnRadio input { float: left; }

.form .checkBox label { text-align: left; }
fieldset { border: 1px solid #ddd; padding: 0 15px 15px 15px; margin: 0 0 15px 0; overflow: hidden; display: block; }
legend { font-size: 1.2em; font-weight: bold; padding: 0 5px; }

textarea { min-height: 100px; border: 1px solid #ccc; padding: 2px; width: 250px; }
li textarea { float: left; }
#UserName,#Password { border: 1px solid #ccc; padding: 2px; width: 250px !important; height: 20px; line-height: 20px; }

input[type="text"], input[type="password"] {
    border: 1px solid #CCCCCC;
    height: 20px;
    line-height: 20px;
    padding: 2px;
    width: 285px;
}
select { border: 1px solid #ccc; padding: 2px; }

input[type="submit"], input[type="checkbox"] { float: left; }
.reminderList label { width: 150px; }
input[type="text"].txtDate { width: 100px; margin-right: 5px; }
input[type="text"].txtTime { width: 60px; }
.ui-datepicker-trigger { border: 0; cursor: pointer; margin-bottom: -3px; margin-right: 5px; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(images/icon-calender.png) no-repeat; }
div.time-picker { width: 4.7em !important; }

/*-----  Pages  -----*/
#main, #templateForm { overflow: hidden; }
.titleBar .btnSmall { font-size: 14px !important; display: inline-block; margin: 8px; }
.addForm { padding-bottom: 20px; overflow: hidden; }
.addForm .btnSmall { float: left; }
.group .btnSmall { float: none; display: inline-block; }
.selectList { float: right; margin-top: -35px; position: relative; }

.linkEdit, .linkDelete, .linkInfo, .linkEditPageInfo, .linkEditUser, .linkSettings, .linkPreview, .linkCopy, .linkDeleteControl { display: block; float: left; 
    margin-left: 13px; width: 16px; height: 16px; overflow: hidden; text-indent: -999px; }

.linkEditUser { background: url(../../images/icon-edit-user.gif) left top no-repeat; }
.linkEdit { background: url(../../images/icon-edit.png) left top no-repeat; margin-left: 0; }
.linkInfo { background: url(../../images/icon-info.png) left top no-repeat; }
.linkEditPageInfo { background: url(images/config_edit.png) left top no-repeat; }
.linkDelete, .linkDeleteControl { background: url(../../images/icon-delete.png) left top no-repeat; }
.linkSettings { background: url(../../images/icon-settings.png) left top no-repeat; }
.linkCopy { background: url(../../images/icon-copy.png) left top no-repeat; }
.linkPreview { background: url(../../images/icon-preview.png) left top no-repeat; }
.linkUser{ background: url(../../images/usericon.png) left top no-repeat;
height: 16px;
width: 16px;
display: block;
float: left;
margin-left: 10px;
text-indent:-999px;
}

li .cleditorMain { margin: 0; }
.cleditorMain { float: left; margin: 0 0 10px 0; }
#HomeworkContentDetail { margin-bottom: 10px; }
.clsDivOrder { float: left; width: 135px; padding: 5px 10px 0 0; text-align: right; }
.linkAdd { float: right; margin-right: 53px; }
.editorList { overflow: hidden; }
#progress { margin-left: 140px; }

.actions { overflow: hidden; }
.actions input, .actions .btnSmall { margin-right: 5px; display: inline-block; }

.ui-widget { font-size: 1em !important; }
.ui-dialog form { overflow: hidden; }
.ui-dialog .ui-dialog-content { padding: 10px 0 0 0 !important; }
.ui-dialog .ui-dialog-content table { margin-bottom: 0; }

#patientList tr td { cursor: pointer; }
.meetingList, #NewMeetingContent { margin-bottom: 10px; }
.divMeeting { margin-bottom: 5px; }
.meetingList label { display: inline-block; padding-right: 5px; text-align: right; width: 195px; }

.datePnl { overflow: hidden; margin-bottom: 5px; }

.templates, .templates form { overflow: hidden; }
.templates .form { border-bottom: 1px solid #ccc; padding-bottom: 15px; overflow: hidden; }
.templates .form form { margin-bottom: 0; padding-bottom: 0; }
.templates ul { list-style: none; }
.templates li, .template-container li { margin: 0 0 10px 0; }

.template-list { overflow: hidden; }
.template-list li { float: left; width: 19.9%; }
.template-list li p { margin-bottom: 5px; font-weight: bold; overflow: hidden; }
aside .template-list li { width: 100%; }
.template-list li a.template-img { display: block; padding: 4px; float: left; overflow: hidden; clear: both; margin-bottom: 10px; border: 1px solid #e4e4e4;}
.template-list li a img { float: left; /*border-radius:8px;-webkit-border-radius:8px;position:relative*/ }
.template-list li a.template-img.active, .template-list li a:hover { padding: 0; border-width: 5px; }

#templateLists .template-list { overflow-y: scroll; height: 900px; }

.template-actions { overflow: hidden; clear: left; }

.photo-preview { float: right; width: 575px; }

aside { width: 200px; float: left; }
aside ul { list-style: none; }
aside ul li { margin: 0; }
aside .template-list li { margin: 0 0 15px 0; }

#templateControls, #stagePageControls { min-height: 20px; width: 520px; float: left; margin: 0 20px; border-left: 1px solid #ccc; padding-left: 20px; }
#templateControls ul, #stagePageControls ul { list-style: none; }
#templateControls .actions, #templateControls ul li, #stagePageControls .action, #stagePageControls ul li { margin: 0 0 15px 0; }

.template-list-wrapper { margin-bottom: 10px; border-top: 1px solid #ccc; }
.template-list-container { position: relative; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #ccc; }
.template-list-container span { cursor: move; width: 405px; display: block; line-height: 15px; }
.template-list-container .linkDelete { display: none; position: absolute; right: 0px; top: 10px; }
.template-list-container:hover .linkDelete { display: block; }
.controlname { position: absolute; right: 25px; top: 10px; background: #fff; border-radius: 5px; padding: 4px 6px; border: 1px solid #ccc; display: none; }
.template-list-container:hover .controlname { display: block; }


aside .template-option-list, .ui-draggable-dragging { width: 188px; position: relative; cursor: move; margin-bottom: 2px; color: #000 !important; padding: 5px; background: #D3D3D5 url(images/bg-ranking-list.png) left top repeat-x; border: 1px solid #B1B2B5; }
aside .template-option-list:hover { padding: 5px; background: #b2bf69 url(images/bg-option-list-hover.png) left top repeat-x; border: 1px solid #8fa440 !important; color: #000 !important; }
.ui-droppable { min-height: 40px; }
.template-option-list img { float: right; margin-top: -2px; *margin-top: -15px; }
.ui-sortable-placeholder { border: 1px dashed #333; height: 40px; margin-top: 10px; line-height: 40px; text-align: center; visibility: visible !important; }
.ui-sortable .drag-handle-item { border-bottom: 0; }
.ui-sortable .drag-handle-item .linkDelete { display: none; }

/*stage*/
.option-list { list-style: none; }
.option-list li { margin: 0 0 4px 0; padding: 0; overflow: hidden; }
.option-list li input { float: left; margin-right: 4px; }

.option-type-index { list-style: none; overflow: hidden; }
.option-type-index li { margin-bottom: 8px; }
.option-type-index li span, .compare-box li span { margin-top: 6px; display: block; float: left; width: 13px; height: 13px; background: url(images/icon-small-green-orange.png) center top no-repeat; margin-right: 5px; }
.option-type-index li .cleared, .compare-box li.compare-green span { background-position: left bottom; }

/*-----  Table-------*/
table { width: 100%; border-bottom: 2px solid #dadada; }
table table { margin: 0; }
table td, table th { padding: 3px 10px; height: 35px; vertical-align: middle; border-bottom: 1px solid #fff; }
table td { padding-top: 10px; padding-bottom: 10px; }
table td td { vertical-align: top; padding: 0; }
table th { text-align: left; }
table .even td, table th { background-color: #ededed; }
table .odd td { background-color: #f9f9f9; }
table tr:hover td { background-color: #f5f5f5; }

table td.innerTable { padding: 10px; }
table .innerTable table { position: relative; }
table td.innerTable, table tr:hover td.innerTable, table .innerTable table td { height: auto; background: #d9d9d9 !important; }
table td td.innerTableTitle { padding: 5px 10px; background: #000 !important; color: #fff; }
table td td.innerTableContent { width: 304px; background: #fff !important; padding: 10px; }
table td td.innerTableContent p { margin-bottom: 7px; }
.innerTableContent .btnSmall { display: inline-block; margin-bottom: 7px; }
#patientList tr td td { cursor: default; }

/*------------------  validation helpers  ------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors ,.validation-errors{ font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }
.option-error { border: 1px solid #f00 !important; }
.validation-summary-errors ul { list-style: none; margin: 0; padding: 0; }

/*------  Custom  ------*/
.Hidden { display: none; }
#progress { display: none; }

/*----  Misc   ----*/
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.error { color: red; }

/************ Loader*************************/
.modalPopUpBackground { background-color: #000000; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); top: 0; width: 100%; z-index: 5; }
.loadingCursor { background-image: url("images/ajax-loader.gif"); background-position: center center; background-repeat: no-repeat; z-index: 99999 !important; }
/******** End *********************/

.loginForm .check-box, .loginForm p { padding-left: 100px; }
.loginForm li.check-box label { text-align: left; }
.linkAdd { cursor: pointer; }

/*==============  Controls===============*/
.issue-ranking-list, .option-list { list-style: none; }
.issue-ranking-list li div.option-wrapper, .option-list li div.option-wrapper, .option-type-list li div.option-wrapper, .estimation-compare-list li div.option-wrapper { border: 1px solid #b1b2b5; background: #d3d3d5 url(images/bg-ranking-list.png) left top repeat-x; }
.issue-ranking-list li span { position: absolute; top: 3px; }
.issue-ranking-list li .icon-move-up { right: 4px; }
.issue-ranking-list li .icon-move-down { right: 30px; }

.option-list li div.option-wrapper, .option-type-list li div.option-wrapper, .estimation-compare-list li div.option-wrapper { height: 27px; }

.estimation-list, .questions-list, .responses-list { list-style: none; margin: 0 0 15px 0; padding: 0; }
.estimation-list li p { margin-bottom: 5px; }
.estimation-list li div.option-wrapper, .questions-list li div.option-wrapper, .response-block div.option-wrapper { border: 1px solid #cdcdcd; background: #dbdcdd url(images/bg-estimation.jpg) center top repeat-x; margin-bottom: 3px; padding: 8px 12px; overflow: hidden; }
.estimation-list ul { list-style: none; margin: 0; }
.estimation-list li li { float: left; margin: 0 8px 0 0; }
.estimation-list li li, .estimation-compare-list li span { display: block; cursor: pointer; padding: 0; text-align: center; width: 20px; height: 20px; line-height: 20px; font-weight: bold; color: #fff; border: 0; background: url(images/bg-estimation-rank.png) center top no-repeat; }
.estimation-list li li:hover { background-position: left -49px; }
.estimation-list li li.current { background-position: left -24px; }

.estimation-compare-list li { position: relative; line-height: 27px; padding: 0 10px; width: 380px; }
.estimation-compare-list li span { /*float:right;margin:3px 0 0 0;*/ background-position: left -24px; position: absolute; top: 3px; right: 10px; }

.questions-list { margin-top: 15px; }
.questions-list li { overflow: hidden; margin-bottom: 4px; }
.questions-list li p, .questions-list li input { margin-bottom: 5px; }
.questions-list li select { width: 300px; }
.questions-list li textarea { width: 373px; /*height: 40px; */ min-height: 40px; }

.content-sidebar .user-name, .details-list li .details-title { font-size: 12px; cursor: pointer; border: 1px solid #abb6cc; background: #9eb8d1 url(images/bg-user-name.png) left top repeat-x; padding: 4px 5px; }
.content-sidebar .user-name span, .details-list li .details-title span { float: right; }

.response-block { margin-bottom: 8px; }
.response-block p, .response-block-2 p { margin: 0 0 4px 0; }
.response-block-2 { border: 1px solid #cdcdcd; background: #ececed; margin-bottom: 6px; padding: 8px 12px 5px; overflow: hidden; }

.user-list, .details-list { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.user-list li { margin: 0 0 5px 0; padding: 0; }
.details-list { clear: both; margin-top: 5px; }
.details-list li { margin: 0 0 10px 0; padding: 0; overflow: hidden; }
.details-list li .details-title { margin-bottom: 10px; }
.details-list li .details { display: none; /*width:460px;*/ }
.details-list li img.right { margin: 0 0 5px 10px; }
.details-list li img.left { margin: 0 10px 5px 0; }
.details-list li h3 input { font-weight: bold; }

.icon-upload { display: none; left: 8px; top: 24px; position: absolute; margin-top: 4px; float: left; width: 70px; line-height: 18px; background: url(images/icon-upload.png) left top no-repeat; padding-left: 20px; }
.details-list li h3 img { display: none; }
.details-list li h3 .icon-edit { display: none; position: absolute; left: 2px; top: 3px; background: url(../../images/icon-edit.png) left top no-repeat; width: 16px; height: 16px; }
.details-list li h3 .icon-edit:hover { margin: -1px; border: 1px solid #ABB6CC; }
.details-list li h3 input { width: 280px; }
.details-list li h3 span.icon-minus, .details-list li h3 span.icon-plus { margin-top: 6px; }

.details-2 li { padding: 20px 0 0 0; position: relative; margin-bottom: 20px; }
.details-2 li .details { padding-top: 10px; }
.details-2 li .info { position: absolute; left: 10px; top: 5px; }

.details-2 li h3 .icon-upload, .details-2 li h3 img { display: none; }
.details-2 li h3 img { left: 10px; position: absolute; top: 5px; }

.checkbox-panel { float: left; overflow: hidden; padding-top: 10px; margin-bottom: 5px; width: 256px; *width: 286px;}
.checkbox-panel label { float: left; display: block; width: 100px; text-align: left; padding-top: 1px; *margin-top: 4px; }
.checkbox-panel input { float: left; margin: 0 4px 0 0; }

.step-details li { overflow: hidden; margin-bottom: 10px; }
.step-details li label { float: left; text-align: right; width: 110px; padding-right: 5px; }
.step-details li input, .form li .radio-buttons li input, .adm-form li .radio-buttons li input { float: left; }
.step-details li .radio-buttons label, .form li .radio-buttons label { text-align: left; padding-left: 5px; width: 30px; padding-top: 2px; }
.step-details li .radio-buttons input, .form li .radio-buttons input { width: auto; height: auto; margin-left: 0; }

/*==================  Radio and Checkbox  ==================*/
.radio, .checkbox { padding: 0; display: block; clear: left; float: left; }
.radio { width: 20px; height: 20px; background: url(images/bg-option-radio-btn.png) left top no-repeat; margin: 4px 5px 0 5px; }
.checkbox { width: 18px; height: 18px; background: url(images/bg-checkbox.png) left top no-repeat; margin: 3px 5px 0 5px; }

.option-type-list li { margin-bottom: 4px; overflow: hidden; }
.option-type-list .cleared { float: left; margin: 4px 0 0 5px; width: 20px; }
.option-type-list .uncleared { float: left; margin: 4px 5px 0; width: 20px; }
.option-type-list .cleared .radio { margin: 0; background-image: url(images/radio-cleared.png); }
.option-type-list .uncleared .radio { margin: 0; background-image: url(images/radio-uncleared.png); }
.option-list li:hover div.option-wrapper, .option-type-list li.cleared-selected div.option-wrapper, .option-type-list li.cleared-selected:hover div.option-wrapper, .option-list li.selected div.option-wrapper { border-color: #8fa440; background: #b2bf69 url(images/bg-option-list-hover.png) left top repeat-x; }
.option-type-list li:hover div.option-wrapper, .option-type-list li.uncleared-selected div.option-wrapper { border-color: #e76b11; background: #ef8a62 url(images/bg-orange-hover.png) left top repeat-x; }
.option-list li div.option-wrapper, .option-type-list li div.option-wrapper, .issue-ranking-list li div.option-wrapper, .details-list li div.option-wrapper { width: 825px; float: left; margin-right: 10px; }

.move, .moveControl { float: left; width: 16px; height: 16px; display: none; background: url(images/drag_handle.gif) left top no-repeat; cursor: move; }
.option-list li .linkDelete, .option-type-list li .linkDelete, .issue-ranking-list li .linkDelete, .estimation-list li .linkDelete, .questions-list li .linkDelete, .details-list li .linkDelete, #contolLists .customcontrol .linkDeleteControl { display: none; margin-left: 0; margin-right: 10px; }
.option-list li:hover .linkDelete, .option-list li:hover .move, .option-type-list li:hover .linkDelete, .option-type-list li:hover .move, .issue-ranking-list li:hover .linkDelete, .issue-ranking-list li:hover .move, .estimation-list li:hover .linkDelete, .estimation-list li:hover .move, .questions-list li:hover .linkDelete, .questions-list li:hover .move, .details-list li:hover .linkDelete, .details-list li:hover .move, .customcontrol:hover .moveControl, #contolLists .customcontrol:hover .linkDeleteControl { display: block; margin-top: 5px; }
#contolLists .customcontrol { background: #fff; width: 984px; position: relative; }
#contolLists .customcontrol .moveControl { position: absolute; top: 20px; right: 20px; }
#contolLists .customcontrol .linkDeleteControl { position: absolute; top: 20px; right: 35px; }

.dropdownValue li .option-wrapper input { margin-left: 5px; width: 385px !important; }
.error-box li div.option-wrapper { border: 1px solid #f00; }

.customcontrol fieldset { width: 879px; padding-bottom: 8px; clear: left; }
.customcontrol fieldset ul { margin-bottom: 0; }
.customcontrol li div input, .headingText input, .details-list li h3 input, .customcontrol fieldset h3 input { padding: 3px; width: 355px; border: 0; background: none; height: 26px; margin-top: 3px; *margin-top: -1px; }
.details-2 li h3 input { width: 675px; }
.headingText input, .slider-heading-box input { width: 869px; height: 25px; font-size: 22px; font-family: Arial; padding: 2px; border: 1px solid; border-color: #ccc #f5f5f5 #f5f5f5 #ccc; }
.customcontrol li div input:hover, .headingText input:hover, .details-list li h3 input:hover, .customcontrol fieldset h3 input:hover, .customcontrol fieldset .input:hover, .slider-heading-box input:hover { padding: 2px; border: 1px dashed #333; background: #fff; }
.slider-heading-box input { font-size: 14px; }
.slider-heading-box { padding: 10px 0; }
.headingText { padding-top: 4px; }
.customcontrol fieldset .input { width: 869px; height: 25px; font-family: Arial; padding: 2px; border: 1px solid; border-color: #ccc #f5f5f5 #f5f5f5 #ccc; background: none; height: 16px; margin-top: 3px; }
.customcontrol .option-type-list li div input, .issue-ranking-list li div input { width: 750px; }

.issue-ranking-list li { margin-bottom: 4px; padding: 0; overflow: hidden; }
.issue-ranking-list li div.option-wrapper { position: relative; height: 27px; }
.issue-ranking-list li div input { margin-left: 5px; }

.step-details p { margin-bottom: 5px; width: 110px; padding-right: 10px; float: left; text-align: right; }
.form .radio-buttons, .step-details .radio-buttons { margin: 0; float: left; }
.step-details .radio-buttons li, .form .radio-buttons li, .adm-form .radio-buttons li { width: 60px; float: left; margin: 0; }
.step-details .radio-buttons li label, .form .radio-buttons li label, .adm-form .radio-buttons li label { text-align: left; padding: 2px 0 0 0; }
.adm-form .radio-buttons li label { width: auto; }

/*=====  Icons  =====*/
.icon-small { background: url(images/icon-small.png) left top no-repeat; display: block; width: 12px; height: 12px; }
.done { background-position: 0 0; }
.not-done, .unread { background-position: 0 -60px; }
.read { background-position: 0 -91px; }
.small-plus { background-position: -42px -91px; }
.small-minus { background-position: -21px -91px; }

.content-sidebar .icon-plus, .content-sidebar .icon-minus, .details-list li .icon-plus, .details-list li .icon-minus { background: url(images/icon-minus-plus.png) left top no-repeat; display: block; width: 14px; height: 14px; }
.content-sidebar .icon-minus, .details-list li .icon-minus { background-position: left bottom; margin-top: 1px; }

.start-table .icon-small, .message-table .icon-small { position: absolute; left: 0; top: 7px; }
.start-table .current .not-done, .start-table .row:hover .not-done, .message-table .row:hover .unread, .left-issue-list li.current .not-done, .left-issue-list li:hover .not-done { background-position: 0 -30px; }

.icon-move-up, .icon-move-down { width: 21px; height: 22px; display: block; background: url(images/icon-move.png) left top no-repeat; }
.icon-move-up { background-position: -75px 0; }
.icon-move-down { background-position: -50px 0; }
.icon-move-up:hover { background-position: -25px 0; }
.icon-move-down:hover { background-position: 0 0; }

.control-text { margin-top: 6px; margin-bottom: -13px; }

.rating-limit { padding: 10px 0 5px; overflow: hidden; float: left; width: 110px; }
.rating-limit input { width: 30px; }
.estimation-list { clear: both; }
.estimation-list li { margin-bottom: 4px; overflow: hidden; }
.estimation-list li div.option-wrapper, .questions-list li div.option-wrapper { float: left; margin-right: 10px; width: 381px; margin-bottom: 0; }

.editor-wrapper { padding: 5px 0; }
.editor-wrapper-control { float: left; width: 500px; }

.form-register label, .form-register .editor-label { width: 130px; }

.media { padding-top: 10px; width: 405px; clear: left; position: relative; background-position: left 10px; background-repeat: no-repeat; }
.admin-player { width: 405px; height: 240px; display: block; }
.video-upload, .video-edit, .video-play { position: absolute; z-index: 1001; }
.video-upload, .video-edit { right: -63px; top: 20px; background: url(../../images/controls/icon-media.png) left top no-repeat; padding-left: 18px; line-height: 16px; display: block; }
.video-edit { right: -44px; top: 20px; }
.video-play { left: 158px; top: 75px; width: 92px; height: 92px; background: url(../../images/video-play.png) left top no-repeat; }
.video-fields { margin-bottom: 10px; overflow: hidden; }
.video-fields input { width: 40px; }
.video-preview { margin-bottom: 5px; padding-bottom: 10px; overflow: hidden; }
.video-preview img { margin-bottom: 6px; }
#videosettings table { border: 0; }
#videosettings table tr:hover td { background: #fff; }
#videosettings table td { padding-bottom: 0; }

/*=====  Popup  =====*/
.ui-dialog { background: #fff; padding: 12px 15px; }
.ui-dialog-content { overflow: hidden; }
.ui-widget-content .btnSmall { font-size: 13px !important; color: #fff; }
.ui-icon-closethick { float: right; }
.ui-dialog .ui-dialog-titlebar { background: none; border: 0; padding: 0; height: 5px; }
.ui-dialog .ui-dialog-title { display: none; }

.ui-widget-overlay { position: absolute; left: 0; top: 0; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
.ui-dialog .ui-dialog-titlebar-close { margin: 5px 10px; padding: 1px; position: absolute; right: -12px; top: -12px; display: block; width: 16px; height: 16px; overflow: hidden; text-indent: -9999px; background: #fff url(../../images/icon-close.gif) center 50% no-repeat; }
.ui-dialog .ui-dialog-titlebar-close:hover { border: 1px solid #ccc; padding: 0; }
.ui-dialog .ui-dialog-titlebar-close span { display: none !important; }

/*============================  Symptoms and Function Slider  ============================*/
.slider { font-size: 12px; border: 0; height: 41px; width: 465px; padding: 0 13px 0 3px; position: relative; background: url(images/bg-scale.png) center top no-repeat; margin: 10px 0 13px 0; }
.slider .ui-slider { background: none; border: 0; }
.slider .ui-slider-handle { top: 0; background: none; border: 0; color: #000; }
.slider-pointer { background: none !important; border: 0 !important; position: absolute; width: 24px; }
.slider-arrow { height: 45px; display: block; }
.orange .slider-arrow { background: url(images/tips-orange.png) right top no-repeat; }
.green .slider-arrow { background: url(images/tips-green.png) right top no-repeat; }
.slider-arrow:hover { background-position: left top; }
.green .slider-arrow:hover { background-position: -1px top; }
.slider-value { display: block; text-align: center; }
.tips { background: #dcdcb4; border: 1px solid #c2c77a; padding: 4px 6px; margin-bottom: 20px; width: 540px; margin-left: -3px; }
.tips-gray { background: #e3e4e5; border: 1px solid #cdcfd0; padding: 4px 6px; margin-bottom: 15px; width: 475px;}
.tips-arrow { display: block; width: 24px; }
.orange .tips-arrow { background: url(images/arrow-tips-up.png) center bottom no-repeat; height: 11px; margin-top: 3px; }
.green .tips-arrow { background: url(images/arrow-tips-down.png) center top no-repeat; height: 11px; margin-top: -13px; padding-top: 13px; }

.slider-compare { background-position: center 7px; padding-top: 14px;}
.slider-compare .orange { top: 3px; }
.slider-compare .green { top: -17px; }
.tips-value-label { display: block; padding: 5px 0; }

/*==========  Pagination  ==========*/
.pagination { padding-top: 20px; clear: left; }
#previewStep .pagination { padding-top: 10px; }
.pagination ul { list-style: none; margin: 0; overflow: hidden; }
.pagination ul li { float: left; width: 33.3%; text-align: center; text-transform: uppercase; font-size: 8px; line-height: 25px; letter-spacing: 1px; height: 25px; }
.pagination ul li a { height: 26px; width: 100px; background: url(images/bg-btn-paging.png) left top no-repeat; display: block; font-size: 12px; color: #fff; text-transform: none; letter-spacing: 0; text-decoration: none; }
.pagination ul .next a { float: right; padding: 0 18px 0 10px; }
.pagination ul .prev a { float: left; padding: 0 10px 0 18px; }

.pagination ul li .btn-gray-left { background-position: 0 -31px; }
.pagination ul li .btn-gray-left:hover { background-position: 0 0; }
.pagination ul li .btn-green-right { background-position: -277px -31px; }
.pagination ul li .btn-green-right:hover { background-position: -277px 0; }
.pagination ul li .btn-blue-right { background-position: -139px -31px; }
.pagination ul li .btn-blue-right:hover { background-position: -139px 0; }

.StagePageControl { background: none repeat scroll 0 0 #FFFFFF; position: relative; width: 565px; }
.StagePageControl fieldset { padding-bottom: 8px; width: 879px; }
.StagePageControl .option-error { border: 1px solid #FF0000 !important; overflow: hidden; }

#copyStepdiv ul li { padding-bottom: 5px; }
#copyStepdiv ul li label { width: 100px; display: block; float: left; }

.vimeo-options { width: 20%; float: left; padding-top: 10px; }
.vimeo-options span { display: block; padding-bottom: 5px; padding-left: 4px;}
.vimeo-options ul { margin: 0 0 15px 0; }
.vimeo-options label { text-align: left; width: 145px; *margin-top: -18px;}
.vimeo-options input { margin-right: 4px; }

#copyStepdiv { padding: 0 !important; }
#copyStepdiv fieldset { margin-bottom: 0; padding-bottom: 0; }

.user-details-info { padding: 0 10px;
float: left;
width: 50%; }
.user-details-info h2 { margin-bottom: 10px; }
.menuAdd ul { list-style: none; }

/*Login Page*/
.login-page { background: url(images/bg-body.png) repeat-x center top #BCD4D5;}
.login-page header { height: auto; background: none; }
.login-page header h1 { margin: 24px 0 0 83px; }
.login-page .wrapper { width: 690px; }
.login-wrapper { overflow: hidden; background: #fff; padding: 20px 30px 40px 84px; border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 2px 10px 0px #133244; box-shadow: 0px 2px 10px 0px #133244; }
.logo-login {  width: 168px; height: 168px; float: right; }
.login-left { width: 380px; float: left; }
/*.login-page form li label { float: none; text-align: left; }*/
.login-page form li label {
    float: none;
    line-height: normal;
    text-align: left;
    width: auto;
}
.login-page form li input { border-color: #a0a1a5; }
.login-page form .btn-login{ border: 1px solid #1e507f; color: #fff; height: 22px; width: 113px; line-height: 22px; background: url(images/bg-btn-login.jpg) left top repeat-x; text-align: center; }
.login-page form .btn-login:hover { background: #017eae; }
.login-page form input.btn-login { height: 24px; cursor: pointer; }
.btn-login:hover { text-decoration: none; }
.login-page .actions .btn-login { margin-right: 10px; }

.category-check { float: left; padding-right: 20px; }
.category-check input { float: left; margin: 3px 3px 0 0; *margin: 0 1px 0 0; padding: 0; }
.tbl_difficulties { float: left; }

.faq-editor .cke_editor_answer { float: left; }
span.cke_skin_kama { padding: 0 !important; }

/*#addIcons      {width:400px}*/
#addIcons form { margin-bottom: 0; }
#addIcons fieldset { padding: 10px 12px; }
#addIcons .form-fields { overflow: hidden; padding-bottom: 8px; }
#addIcons .form-fields label { padding-bottom: 2px; display: block; width: 75px; padding-right: 5px; float: left; }
#addIcons .form-fields .input { padding: 0 2px; float: left; width: 200px; }
#listImage { border-top: 1px solid #ddd; border-bottom: 0; margin-bottom: 15px; }
#listImage td { height: auto; text-align: center; padding: 8px 5px; width: 30%; border-bottom: 1px solid #ddd; }
#listImage td label { display: block; padding: 0; width: auto; text-align: center; }
#listImage tr td.active { background: #ccc !important; }
#listImage img { margin: 0 auto 6px auto; }
#listImage tr:hover td { background: none; }
tr.sortitems { cursor: move; }

.customcontrol:hover #ulResultPage li .linkDeleteControl, .customcontrol:hover #ulResultPage li .moveControl { display: none; }
.customcontrol:hover #ulResultPage li:hover .linkDeleteControl, .customcontrol:hover #ulResultPage li:hover .moveControl { display: block; }
#ulResultPage { list-style: none; }
#ulResultPage li { padding-left: 0; margin-left: 0; position: relative; }
#ulResultPage li .vimeo-options li { overflow: hidden; }
#ulResultPage li .vimeo-options input { width: auto; }
.RadioButtonList .OrderingItem div.option-wrapper input, .CheckboxList .OrderingItem div.option-wrapper input { *margin-top: -15px;}
.userlistsr{ width: 20px;}
.userlistun{ width: 150px;}
.userlistfn{ width: 140px;}
.userlistem{ width: 150px;}
.userlistdg{ width: 100px;}
.userlistgp{ width: 120px;}
.userlistex{ width: 140px;}
.userlistst{ width: 132px;}
.btn-back a{background:url("images/imgback.png") no-repeat scroll left top transparent; text-indent: -9999px; display:block; float:left; height:30px;width:30px;margin-left: -44px; cursor:pointer; color:transparent}
.btn-Register{ border: 1px solid #1e507f; color: #fff; height: 22px; width: 113px; line-height: 22px; background: url(images/bg-btn-login.jpg) left top repeat-x; text-align: center; color:White !important}
.btn-Register a{ color:White !important; text-decoration:none; }
.btn-Register:hover { background: #017eae; }


.divStages{float:left;}
.divStages ul{list-style:none;}
.divStages ul li{border-bottom:1px solid #eee;margin:2px;}



/*making radio button looks good by anupkmaharjan*/
.radioLabel{
	position: relative;
	width: auto;
	float: left;
	clear: none!important;
	margin-right: 15px;
}
.customcontrol li div.radioLabel input{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.labelasinput{
	position: relative;
	width: 70px;
	text-align: left;
 	line-height: 30px;
 	padding-left:20px;
}
.labelasinput:before{
	content: "";
 	background-image: url("../../images/controls/icon-radio.png");
 	background-repeat: no-repeat;
 	background-position: left center;
 	width: 17px;
 	height: 17px;
 	position: absolute;
 	left: 0;
 	top: 5px;
 	
 }

:checked ~ .labelasinput:before{
background-position: right center;
}


input[type="text"].defaultRowNubmer{
	width:30px;
	height:15px;
	position:relative;
	margin-right:5px;
}

.right .searchbox{
	margin-top: 7px;
	height: 16px;
	width: 260px;
	padding-left: 8px;
	-webkit-border-radius: 6px 0 0 6px;
	        border-radius: 6px 0 0 6px;
}
.hasSearchBox .btnSmall{
	margin-left: 0;
	margin-top: 7px;
	-webkit-border-radius: 0 6px 6px 0;
	        border-radius: 0 6px 6px 0;
	    height: 22px;
	    margin-bottom: 0;
	    background-color: #A2BD36 !important;
	    background-image:  url(../../images/bg-btn-small.gif) !important;
	    background-position:  left bottom  !important;
	    background-repeat: repeat-x !important;
}

.hasSearchBox .SearchTranslation + .btnSmall{
	    height: 24px;	
}
.hasSearchBox .btnSmall:hover, .hasSearchBox .btnSmall:active, .hasSearchBox .btnSmall:focus{
	background: transparent !important;
	background-color: #A2BD36 !important;
}