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


/*    -----------------------------------------------
    Paragraph, Scaling and Horizontal line
    ----------------------------------------------- */
.hr { border-bottom: 1px solid #ebebeb; }/* for 1px border */
.hr-5 { border-bottom: 5px solid #6bc7ee; }/* for 5px border */
.margin-btm-5 { margin-bottom: 5px; }
.margin-btm-10 { margin-bottom: 10px; }
.margin-btm-20 { margin-bottom: 20px; }
.margin-btm-30 { margin-bottom: 30px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 20px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.nomargin { margin-bottom: 0px; }
.nopadding { padding: 0px; }
.padding-top-5 { padding-top: 5px; }
.padding-top-4 { padding-top: 4px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-78 { padding-top: 78px; }
.padding-btm-5 { padding-bottom: 5px; }
.padding-btm-10 { padding-bottom: 10px; }
.padding-btm-20 { padding-bottom: 20px; }
.padding-btm-30 { padding-bottom: 30px; }
.padding-left-right-10 { padding-left: 10px; padding-right: 10px; }


/*    -----------------------------------------------
    List and Link properties
    ----------------------------------------------- */
.icons li {    display: block; padding-left: 0px; line-height: 0px; }
.icons li.view, .icons li.rename, .icons li.draft, .icons li.stat, .icons li.report, .icons li.duplicate { padding-left: 25px; line-height: 20px; }
.icons li.view { background: url(../images/icon-view.png) no-repeat; }
.icons li.rename { background: url(../images/icon-edit-event.png) no-repeat; }
.icons li.draft { background: url(../images/icon-draft.png) no-repeat 0 4px; }
.icons li.stat { background: url(../images/icon-stat.png) no-repeat 0 4px; }
.icons li.report { background: url(../images/icon-report.png) no-repeat 0 4px; }
.icons li.duplicate { background: url(../images/icon-duplicate.png) no-repeat 0 4px; }

a:hover.no-underline {text-decoration: underline; }
a.linkOne {    color: #3f5d6c; }
a.linkTwo {    color: #009fe3; }
a.linkThree { color: #fff; }
a.curve, a.curve2, a.curve3, a.curve4, a.curve5, a.curve6 { color: #fff; text-decoration: none; display: block; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
a.curve, a.curve2 { background: #1a333f; }
a.curve { padding: 3px 5px; }
a.curve2, a.curve3, a.curve4, a.curve5, a.curve6 { padding: 4px 10px 3px; }
a.curve3 { background: #009FE3; } /* Blue Color */
a.curve4 { background: #00a651; } /* Green Color */
a.curve5 { background: #ff0000; } /* Red Color */
a.curve6 { background: #f7941d; } /* Orange Color */
.curve6 { background: #f7941d!important; } /* Orange Color */


/*    -----------------------------------------------
    text color, style and size
    ----------------------------------------------- */
.style-1 { color: #009fe3; }/* original light blue text */
.style-2 { color: #d85210; }/* orange text */
.style-3 { color: #fff; }/* white text */
.style-4 { color: #999; }/* light text */
.style-5 { color: #383838; }/* dark text */
.style-6 { color: #ff0000; } /* red text */
.style-7 { color: #000; } /* black text */

.bold-txt { font-weight: bold; }
.normal-txt { font-weight: normal; }
.italic-txt { font-style: italic; }
.txt-12 { font-size: 12px; }
.txt-13 { font-size: 13px; }
.txt-14 { font-size: 14px; }
.txt-16 { font-size: 16px; }


/*    -----------------------------------------------
    Alignment
    ----------------------------------------------- */
.align-left { text-align: left; }    
.align-right { text-align: right; }
.flt-left { float: left; }
.flt-right { float: right; }


/*    -----------------------------------------------
    Button Properties
    ----------------------------------------------- */

/* form-box starts */
#form-box, #form-box .fb-holder {
    width: 905px;
    font-size: 14px;
}

#form-box .fb-holder label {
    width: 170px;
    float: left;
    margin-right: 22px;
    color: #373737;
}

#form-box .fb-holder .fbh-col-right {
    width: 713px;
    float: left;
    /* border-bottom: 1px solid #ebebeb; */
    padding-bottom: 10px;
}

#form-box .fb-holder .fbh-col-right.no-border {
    border-bottom: none;
}

#form-box .fb-holder .fbh-col-right .left {
    width: 350px;
    float: left;
    margin-right: 2px;
}

#form-box .fb-holder .fbh-col-right .left span {
    width: 170px;
    float: left;
    display: block;
}

#form-box .fb-holder .fbh-col-right .left span li {
    list-style-type: none;
}

#form-box .fb-holder .fbh-col-right .right {
    width: 361px;
    float: left;
}

#form-box .fb-holder .fbh-col-right .left-second {
    width: 470px;
    float: left;
    margin-right: 2px;
}

#form-box .fb-holder .fbh-col-right .left-second span {
    width: 230px;
    float: left;
    display: block;
}

#form-box .fb-holder .fbh-col-right .left-second span li {
    list-style-type: none;
}

#form-box .fb-holder .fbh-col-right .right-second {
    width: 241px;
    float: left;
}

#form-box .fb-holder .fbh-col-right input[type="text"], #form-box .fb-holder .create-form .border-box .host .host-col-right input[type="text"], input.default[type="text"], select.default {
    background: #f7f7f7;
    width: 307px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 10px;
    font: 14px normal Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -kthml-border-radius: 4px;
}
#form-box .fb-holder .create-form .border-box .host .host-col-right select{
    background: #f7f7f7;
    width: 307px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 10px;
    font: 14px normal Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -kthml-border-radius: 4px;
}
#form-box .fb-holder .create-form .border-box .host .host-col-right textarea{
    background: #f7f7f7;
    width: 307px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 10px;
    font: 14px normal Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -kthml-border-radius: 4px;
}
#form-box .fb-holder .create-form .border-box .host .host-col-right span.small-select select{
    background: #f7f7f7;
    width: 95px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 10px;
    font: 14px normal Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -kthml-border-radius: 4px;
}

#form-box .fb-holder .fbh-col-right input.small-width[type="text"] {
    width: 100px;
}

#form-box .fb-holder .fbh-col-right textarea {
    background: #f7f7f7;
    width: 407px;
    height: 120px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 8px 10px;
    font: 14px normal Arial, Helvetica, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -kthml-border-radius: 4px;
}

#form-box .fb-holder .create-form {
    width: 755px;
    margin: 0px auto;
}

#form-box .fb-holder .create-form .border-box {
    width: 731px;
    /* width: auto;
    display: table; */
     border: none; 
    padding: 10px;
    margin-bottom: 0px;
}

#form-box .fb-holder .create-form .border-box.red {
    /* border-color: #bf3735; */
}

#form-box .fb-holder .create-form .border-box.green {
    /* border-color: #8ecf7d; */
}

#form-box .fb-holder .create-form .border-box.gray {
    /* border-color: #999; */
}

#form-box .fb-holder .create-form .border-box.purple {
    /* border-color: #b294d4; */
}

#form-box .fb-holder .create-form .border-box .host {
    border-bottom: none; 
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#form-box .fb-holder .create-form .border-box-2 {
    /* width: 731px; */
    width: auto;
    display: table;
    /* border: 2px dashed; */
    /* padding: 10px; */
}

#form-box .fb-holder .create-form .border-box-2 .color-box-2.red {
    background: #bf3735;
    padding: 2px;
}

#form-box .fb-holder .create-form .border-box-2 .color-box-2.green {
    background: #8ecf7d;
    padding: 10px;
}

#form-box .fb-holder .create-form .border-box-2.red {
    /* border-color: #bf3735; */
}

#form-box .fb-holder .create-form .border-box-2.green {
    /* border: 2px solid #8ecf7d; */
}

#form-box .fb-holder .create-form .border-box .host label {
    width: 170px;
    float: left;
    margin-right: 15px;
    color: #373737;
}

#form-box .fb-holder .create-form .border-box .host .host-col-right {
    border-bottom: 1px solid #ddd;
    width: 546px;
    float: left;
    padding-bottom: 10px;
}
#form-box .fb-holder .create-form .border-box .host .host-col-right li {
    width: 255px;
    float: left;
}
span.validation{
    width:285px;
    display:block;
}
#form-box .fb-holder .create-form .border-box .host .host-col-right-no-border {
    border-bottom: none;
    width: 546px;
    float: left;
    padding-bottom: 10px;
}

#form-box .fb-holder ul.toggle {
    width: 905px;
}

#form-box .fb-holder ul.toggle li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

#form-box .fb-holder ul.toggle li .main-host {
    width: 905px;
    margin-top: 10px;
}

#form-box .fb-holder ul.toggle li .main-host .main-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    font-size: 12px;
    margin-bottom: 10px;
}
    
#form-box .fb-holder ul.toggle li .main-host .main-holder {
    width: 905px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}

#form-box .fb-holder ul.toggle li .main-host .mh-left {
    width: 250px;
    margin-right: 20px;
    float: left;
}

#form-box .fb-holder ul.toggle li .main-host .mh-right {
    width: 635px;
    float: left;
}
.essential{
    color:#F00;
}
.sub-success{
    color:#E1E1E1;
}
/* form-box ends */
/* footer starts */
#form-box .fb-holder .create-form .border-box .host .foot {
    width: 546px;
    float: left;
    padding-bottom: 10px;
    font-size: 12px;
}
/* footer ends */
/* Form Validator Starts */
.inputContainer {
    position: relative;
    float: left;
}
.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    z-index: 5000;
    cursor: pointer;
}
.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none
}
.formError .formErrorContent {
    width: 100%;
    position:relative;
    z-index:5001;
    color: #BA5050;
    width: 300px;
    height:20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align:left;
    font-weight:normal;
    border: 1px solid #f5c4c4;
    padding: 11px 10px 4px 22px;
    /*padding: 6px 10px 4px 22px9;*//* IE 9 Only*/
    /*height:30px;*//* IE 9 Only*/
    background: url(../core.view/images/icon-error-red.png) left no-repeat; background-position:4px center;
    background-color: #fff3f3; /* red bg */
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: 0 0 0 13px;
      position:relative;
      z-index: 5006;
}
.formError .formErrorArrowBottom {
    margin: 0px 0 0 12px;
}
.formError .formErrorArrow div {
    font-size: 0px;
    height: 1px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
    float:left;
    position:relative;
    left:-20px;
    top:11px;
    /*top:22px9;*//* For IE 9 only*/
}
.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
    background: #33be40;
}
.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}
.formError .formErrorArrow .arrowImage {
    width: 7px;
    height: 14px;
    background-image:url(../core.view/images/arrow-error.png);
}
/* Form Validator Ends */