﻿body
{
    background-color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: small;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    color: #393973;
}
.twoColFixLtHdr #container
{
    width: 970px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
    border: 0px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #header
{
    background-image: url(../img/header_background.gif);
    background-position: top top;
    background-repeat: no-repeat;
    padding: 0px;
    margin:0px;
    height: 305px;
    clear: both;
    width: 960px;
}

.twoColFixLtHdr #menu
{
    position: relative;
    padding: 0 0 0 0px;
    height: 31px;
    margin: 0px;
    width: 960px;
    background-color: #F47937;
}


.twoColFixLtHdr #imgRotator
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 960px;
    float: left;
    /*background-color:#f47937;*/
    border-bottom: solid 0px #f47937;
}

.twoColFixLtHdr #header h1
{
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1
{
    float: left; /* since this element is floated, a width must be given */
    width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0px 15px 0px;
    color: #ffffff;
}
.twoColFixLtHdr #mainContent
{

   margin: 0px 0 0 255px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
    /*padding: 90px 0px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #footer
{
    border-top: solid 0px #393973;
    padding: 10px 10px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background: #ffffff;
}
.twoColFixLtHdr #footer p
{
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    text-align: center;
    font-weight: bold;
}
.eventia
{
    padding: 0px 20px 5px 20px;
    vertical-align: middle;
    text-align: center;
}

.fltrt
{
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft
{
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


.twoColFixLtHdr #sidebar1 .LatestVacencies
{
    background-image: url(../img/bgd/vacancies_bgd_3.jpg);
    background-repeat: no-repeat;
    height: 290px;
    color: #ffffff;
    padding: 5px 0px 10px 10px;
}
.ContactDetails
{
    background-image: url(../img/contactus_bgd.jpg);
    background-repeat: no-repeat;
    height: 86px;
    width: auto;
}
/*List */
.twoColFixLtHdr #footer ul
{
    text-align: center;
    margin: 0px 0 0 0;
    padding: 0 10px 0 0;
}
.twoColFixLtHdr #footer li
{
    display: inline;
    padding: 0 15px 0 0px;
    font-size: 0.8em;
    background-image: url(../img/footer_bullet_point.gif);
    background-repeat: no-repeat;
    background-position: center right;
}

.twoColFixLtHdr #footer li:last-child
{
    padding: 0px;
    background: none;
}

.twoColFixLtHdr #sidebar1 .ContactDetails
{
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.8em;
    font-weight: bold;
}

.twoColFixLtHdr #sidebar1 a
{
    color: #ffffff;
    text-decoration: none;
    line-height: 1.5em;
    font-size: 0.8em;
}

.twoColFixLtHdr #sidebar1 .LatestVacencies a
{
    background-image: url(../img/btn/btnlink.gif);
    background-repeat: no-repeat;
    background-position: center left;
    margin: 3px 10px 5px 5px;
    padding: 0 0 0px 20px;
    font-size: 11px;
    line-height: 1.8em;
}

.twoColFixLtHdr #sidebar1 h1
{
    font-size: 1.2em;
    border-bottom: solid 2px #00ADEF;
}


.twoColFixLtHdr #sidebar1 .search
{
    margin: 3px 10px 0px 0px;
}

.search .btn
{
    padding: 5px;
}




.textInput
{
    border: 0px;
    height: 22px;
    padding: 5px 5px 0px 5px;
    border: 1px solid #8e8e8e;
    background: url(../img/blank1.gif) repeat;
    width: 300px;
}
.RadInput .riTextBox
{
    border:none !important;
}

.ckb
{
    margin: 0px;
    padding: 0px;
    border: none;
    height: 10px;
    background: none;
}

.errorMarker
{
    background-repeat: no-repeat;
    padding: 5px 0 0 5px;
}

.formIndent
{
}

.form
{
}

label
{
    display: block;
    float: left;
    width: 100px;
    padding: 6px 20px 0 0;
    margin: 0 0 5px 0;
    text-align: right;
}

.search label
{
    display: block;
    float: left;
    width: 50px;
    padding: 1px 0px 0 8px;
    margin: 4px 3px 5px 0;
    text-align: right;
    font-weight: bold;
    font-size: 0.9em;
}


.search .btn
{
    padding: 0px 0 0 0;
    margin: 0px 0 0 0;
}

fieldset
{
    border: none;
}

/*RAD textbox states*/
html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default
{
    border: 0px solid;
    padding: 1px 1px 3px 5px;
    margin: 0 5px 0 7px;
    background-color: Transparent;
    background-image: url('../img/searchTxt120.jpg');
    background-repeat: no-repeat;
    height: 19px;
    width: 80px;
}


.admimistrator
{
    background-image: url(../img/bgd/administrator_bgd.gif);
    background-repeat: no-repeat;
    height: 170px;
    color: #ffffff;
    padding: 5px 10px 10px 10px;
}





/*Form layout*/


#main
{
    margin-left: 0px;
    padding: 0 0 5px 16px;
    min-height: 150px;
    float: left;
    width: 100%;
    background-color: Red;
}


.clear
{
    clear: both;
}
input, textarea
{
    font: normal 12px Arial, Verdana, Sans-serif;
    padding: 3px;
}
.check input, .radio input
{
    border: none;
}

em, q
{
    font-style: italic;
}
strong
{
    font-weight: bold;
}
.deepInst
{
    font-size: 10px;
}
span.validator
{
    background: url(Images/validator.gif) no-repeat right top;
    display: block;
    float: left;
    height: 22px;
    left: 295px;
    _left: 205px;
    text-indent: -9999px;
    top: 5px;
    width: 22px;
}
span.validMessage strong
{
    clear: both;
    background: url(Images/validator.gif) no-repeat top left;
    display: block;
    height: 40px;
    line-height: 25px;
    margin: 5px 0 0 110px;
    padding-left: 27px;
}
.multipleItemsEdit span.validMessage strong
{
    clear: none;
}
#skip
{
    position: absolute;
    top: -1000px;
    left: -1000px;
}
.inlineInst
{
    color: #666;
}
.pageStatus
{
    background: #E6EBEC url(Images/success.gif) top left no-repeat;
    color: #356847;
    margin-top: -3px;
    _margin-top: 3px;
    padding: 3px 0 2px 30px;
}
.pageStatus strong
{
    font-size: 14px;
}
p.locked
{
    background: red url(Images/lockedMess.gif) top left no-repeat;
    color: #fff;
    margin-top: -3px;
    _margin-top: 3px;
    padding: 3px 0 3px 30px;
}
p.locked a
{
    color: #fff !important;
    margin: 0 10px;
}
/*hacks*/
body
{
    min-width: 985px;
    _width: expression(document.documentElement.offsetWidth < 990 ? '990' : 'auto');
}
.clearfix:after, .details dl:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .details dl
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .details dl
{
    height: 1%;
}
.clearfix, .details dl
{
    display: block;
}
/* End hide from IE-mac */




/*Single Item*/
.mainForm
{
    float: left;
    padding: 0 0px 0 0px;
    min-height: 300px;
    width: 100%;
}

.mand
{
    text-align: right;
    margin-bottom: 0;
    color: #fff;
    position: relative;
    top: 1.4em;
}

/*Round-cornered set*/
.set
{
    border: 0px;
    background: transparent url(Images/FieldsetCornersRight.gif) top right no-repeat;
    padding: 0 4px 0 0;
}
.setIn
{
    padding: 10px 0 10px 16px;
    margin: 0 !important;
    display: block;
    background: transparent url(Images/FieldsetCorners.gif) no-repeat top left;
}

.tracking
{
    padding: 0px;
}
.tableForm
{
    padding: 0 0 0 5px;
    color: Red;
    line-height: 26px;
}

.bottom
{
    height: 4px;
    background: transparent url(Images/FieldsetCornersRight.gif) bottom right no-repeat;
    margin-bottom: 20px !important;
    margin-right: 2px;
}
.bottom div
{
    height: 4px;
    left: 20px;
    background: transparent url(Images/FieldsetCorners.gif) bottom left;
    margin-left: 2px;
}
/*Hide from IE5/Mac\*/
* html .setIn
{
    height: 1%;
}
* html .langCol .setIn
{
    height: auto;
}
/*End Hide from IE5/Mac */
.info .set
{
    background: transparent url(Images/cornersDarkRight.gif) top right no-repeat;
}
.info .setIn
{
    background: url(Images/cornersDark.gif) no-repeat top left;
}
.info .bottom
{
    background: transparent url(Images/cornersDarkRight.gif) bottom right no-repeat;
    margin: 0 16px !important;
}
.info .bottom div
{
    background: transparent url(Images/cornersDark.gif) bottom left;
}
.setW
{
    border: 0px;
    background: transparent url(Images/FieldsetCornersRightWhite.gif) top right repeat-y;
    padding-right: 4px;
    clear: both;
}
.setInW
{
    padding: 30px 5%;
    margin: 0 !important;
    display: block;
    background: transparent url(Images/FieldsetCornersWhite.gif) repeat-y top left;
    min-height: 600px;
    _height: 600px;
}
.bottomW
{
    height: 4px;
    background: transparent url(Images/FieldsetCornersRightWhite.gif) bottom right no-repeat;
    overflow: hidden;
    margin: 0 0 5px 0 !important;
    padding-right: 4px;
}
.bottomW div
{
    height: 4px;
    background: transparent url(Images/FieldsetCornersWhite.gif) bottom left;
    overflow: hidden;
}

/*Form elements*/
.mainForm input, .mainForm textarea
{
    /*     width: 355px;     border: solid 0px;*/
}
.mainForm .selector input
{
    width: 285px;
    vertical-align: middle;
}
.mainForm textarea
{
    height: 50px;
}
.mainForm .keywords textarea
{
    height: 30px;
}
.mainForm .title input
{
    font: bold 14px Arial, Verdana, Sans-serif;
}
.mainForm label
{
    float: left;
    width: 150px;
    margin: 0px 10px 0px 0;
    text-align: right;
    font-weight: bold;
}


.mainForm table label
{
    width: 180px;
    margin: 4px 0px 0px 0;
}

.mainForm .formTable table label
{
    width: auto;
    margin: 4px 0px 0px 0;
    padding-right: 10px;
    text-align: right;
    float: right;
}
.mainForm .formTable table td
{
    vertical-align: top;
}


.mainForm table .checkboxLabel
{
    width: 30px;
}

.mainForm label em, .mainForm li h4 em, .mainForm li h5 em
{
    font-style: italic;
    font-size: 10px;
    color: #666;
}
fieldset.meta ol
{
    background: #E8EDEE;
}
.set li
{
    margin-bottom: 5px;
    list-style-type: none;
    vertical-align: middle;
    overflow: hidden;
}

.set .editor li
{
}
.set li.catSel
{
    margin: 0;
}

.radio label, .check label
{
    float: none;
    padding-left: 5px;
    color: #000;
}
.radio input, .check input
{
    width: auto;
}
.radio .directionFloat input
{
    vertical-align: middle;
}

.set h5
{
    float: left;
    width: 125px;
    text-align: right;
    margin-right: 10px;
}
.example
{
    color: #666;
    margin: 2px 0 15px 135px;
    width: 355px;
}
.leftalign
{
    margin-left: 0;
}
.radio .example
{
    margin-left: 135px;
    max-width: 400px;
    font-size: 11px;
    color: #555;
}
.set li.radio, .set li.check, .radio, .check
{
    margin-right: 10px;
    clear: none;
}
.set li.radio
{
    margin-bottom: 0;
}
.set .radio fieldset, .set .check fieldset
{
    border: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
    float: left;
    margin-right: 10px;
}
legend
{
    padding: 0;
}
.setIn div.hidden
{
    display: none;
}
div.workArea fieldset.set .radio h5
{
    width: 125px;
    float: left;
}

.formGroup
{
    margin: 10px 0 30px;
}

.selectRole h3
{
    background: transparent url(Images/one.gif) top left no-repeat;
}
.setPerm h3
{
    background: transparent url(Images/two.gif) top left no-repeat;
}
.savePerm h3
{
    background: transparent url(Images/three.gif) top left no-repeat;
}
.selectRole select
{
    width: 270px;
    font-size: 18px;
    font-weight: normal;
}
.inheritance p a
{
    font-weight: bold;
    color: #516468;
    font-size: 14px;
}
.inheritance p a:hover
{
    color: #000;
}
.inheritance
{
    background: transparent url('Images/FieldsetCornersRight.gif') right top no-repeat;
    padding-right: 4px;
}
.inheritance p, .inheritance div
{
    background: transparent url(Images/FieldsetCorners.gif) no-repeat top left;
}
.setPerm p
{
    margin-top: 30px;
    width: 250px;
    color: #667E84;
    font-size: 14px;
    font-weight: bold;
    border: 1px dashed #999;
    padding: 5px 6px;
}


/*Info*/
.info
{
    float: right;
    width: 24%;
    margin-top: 30px;
    color: #1a272c;
    background: #fff url('Images/InfoDivBg.gif') no-repeat;
}

.info dl.stat
{
    font-size: 10px;
    margin: 0 13px 30px 13px;
}
.info .stat dt
{
    clear: left;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    margin-bottom: -13px;
    padding-top: 5px;
    font-size: 10px;
    color: #666;
}
.info .stat dt em
{
    font-style: normal;
    width: 70px;
    display: block;
}
.info .stat dd
{
    margin-left: 85px;
}
.info .stat dd.empty
{
    color: #999;
}
.workArea .info h3
{
    margin: 20px 20px 10px 20px !important;
    font-size: 18px;
    font-weight: normal;
    color: #667E84;
}
.info dl.faq, .info ol.faq
{
    min-height: 370px;
    _height: 410px;
    font-size: 11px;
}
.info dl.faq ul
{
    list-style: disc;
    padding-left: 15px;
}
.info .faq dt
{
    border-top: 0;
    padding-top: 5px;
    clear: both;
    color: #000;
    font-weight: bold;
    margin: 8px 20px 0 20px;
}
.info .faq dd
{
    margin: 3px 20px 0 20px;
}
.info ol.faq li
{
    margin: 5px 20px 0 45px;
    list-style: decimal;
}
.info .faq ul li
{
    margin-top: 3px;
    margin-bottom: 4px;
}
.info .langCol
{
    margin: 0 16px;
    color: #999;
}
.info .langCol ul
{
    list-style: disc;
    padding-left: 20px;
    color: #ddd;
    max-height: 150px;
    overflow-y: auto;
}
.info .langCol li
{
    margin-bottom: 5px;
}
.info .langCol .sel
{
    color: #ededed;
    font-weight: bold !important;
}
.info .langCol a
{
    color: #fff;
}
.info .langCol p
{
    color: #ddd;
    margin: 0 10px 10px 0;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}
.info .hideAllFAQs
{
    text-align: right;
    padding: 10px 20px 0 15px;
}
.info .infoBottom
{
    margin: 0;
    background: url(Images/infoGradient.png) no-repeat 0 100%;
    padding: 0 0 101px;
    min-height: 370px;
}
*html .info .infoBottom
{
    height: 370px;
    overflow: visible;
}
.info .hideAllFAQs a
{
    color: #666;
}
/*Buttons*/
.CmsButLeft
{
    padding-left: 25px;
    font-size: 11px;
    display: block;
    width: auto;
    float: left;
    text-decoration: none;
}
.CmsButRight
{
    padding-right: 25px;
    display: block;
    height: 25px;
    width: auto;
    float: left;
    line-height: 22px;
    color: #000;
    border: 0;
    padding: 0 25px 0 0;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    cursor: hand;
}
.disabled, .disabled strong
{
    cursor: default;
}
#uploadBtnDisabled .CmsButLeft, #uploadBtnDisabled .CmsButRight, #thumbnailUploadBtnDisabled .CmsButLeft, #thumbnailUploadBtnDisabled .CmsButRight
{
    cursor: default;
    color: #ccc;
    padding-top: 0;
}
a.CmsButLeft:hover strong
{
    color: #2C6FC2;
}
.ok
{
    padding-left: 30px;
    background: transparent url(Images/button_light_ok.gif) top left no-repeat;
}
.okdark
{
    display: block !important;
    font-size: 12px;
    padding: 0 0 0 35px !important;
    background: transparent url(Images/button_dark_ok.gif) top left no-repeat;
}
.okdark .CmsButRight
{
    font-size: 12px;
    cursor: pointer;
}
.upldark
{
    font-size: 12px;
    padding-left: 35px;
    background: transparent url(Images/button_dark_upl.gif) top left no-repeat;
}
.uplark .CmsButRight
{
    font-size: 12px;
}
a.ok strong.CmsButRight, a.editdark strong.CmsButRight, a.upldark strong.CmsButRight
{
    font-weight: bold;
}
a.light, span.light
{
    background: transparent url(Images/button_light_simple.gif) top left no-repeat;
}
strong.light
{
    background: url(Images/button_light.gif) top right no-repeat;
}
a.dark, span.dark
{
    background: transparent url(Images/button_dark_left.gif) top left no-repeat;
}
a.dark:hover strong
{
    color: #fff !important;
}
strong.dark
{
    background: url(Images/button_dark_right.gif) top right no-repeat;
    color: #fff;
}
.editdark
{
    padding-left: 35px;
    background: transparent url(Images/button_dark_edit.gif) top left no-repeat;
}
a.editdark:hover strong, a.okdark:hover strong, a.upldark:hover strong
{
    color: #fff !important;
}
.new
{
    padding-left: 30px;
    background: transparent url(Images/button_light_new.gif) top left no-repeat;
}
.new strong
{
    font-weight: bold;
}
a.disable strong, a.disable:hover strong
{
    color: #c8c8c8 !important;
}

/*Button Area*/
.button_area
{
    float: left;
    padding: 3px 0 4px 0;
    width: 100%;
    font-size: 12px;
}
.button_area:after
{
    clear: left;
}
.button_area span
{
    padding-top: 3px;
    float: left;
    margin-right: 7px;
}
.button_area a.CmsButLeft
{
    margin-right: 8px;
}
.top a.CmsButLeft
{
    margin-left: 0 !important;
}
.button_area a.cmscclcmd
{
    color: #333;
    vertical-align: top;
    float: left;
    padding-top: 3px;
    margin-right: 8px;
}
.button_area .cmsorlbl
{
    vertical-align: bottom;
    line-height: 20px;
    padding-right: 10px;
}
.set .button_area
{
    float: none;
    padding-bottom: 0;
}
p.top
{
    border-bottom: 1px solid #999;
    padding-top: 3px !important;
}
p.bot
{
    margin-top: 20px;
    margin-bottom: 30px;
    border-top: 1px solid #eee;
    padding-top: 6px;
}
p.top a.cmscclcmd, p.top span
{
    color: #ccc !important;
}

/*Grid*/
.listItems
{
    width: 98%;
    margin: 0 auto 20px auto;
    clear: both;
}
.listItems th
{
    background: /*#637783#557075;*/ #4D676A;
    color: #fff;
    font-weight: bold;
    text-align: left;
    font-size: 11px;
    padding: 7px 10px;
}
.listItems th a
{
    color: #fff;
}
.listItems th a:hover
{
    color: #ededed;
}
.listItems td
{
    background: #F0FAFE !important;
    line-height: 14px;
    border-top: solid 1px #d5e6ec;
    padding: 5px 10px 6px 10px;
    font-size: 11px;
    vertical-align: top;
}
.listItems td.gridActions
{
    background: #E8F1F4 !important;
    font-size: 11px;
    font-weight: bold !important;
    width: 20px;
}
.listItems td.delete a
{
    display: block;
    background: url(Images/ControlTitleDelete.gif) top left no-repeat;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    overflow: hidden;
}
.listItems td.delete a[disabled="disabled"]
{
    cursor: default;
    display: block;
    background: url(Images/ControlTitleDeleteDis.gif) no-repeat top left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    overflow: hidden;
}
.listItems td.deleteDis a
{
    cursor: default;
    display: block;
    background: url(Images/ControlTitleDeleteDis.gif) no-repeat top left;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    overflow: hidden;
}
.listItems td.gridContentTitle
{
    font-weight: bold !important;
    font-size: 12px;
}
.listItems td.gridContentTitle img
{
    display: block;
    margin-left: 20px;
}
.templates .listItems td.gridContentTitle a, .pages .listItems td.gridContentTitle a, .listItems tr.cms_locked td.gridContentTitle a
{
    padding-left: 20px;
    display: block;
    background: url(Images/template.gif) left top no-repeat;
    padding-bottom: 5px;
}
.pages .listItems tr.cmsHomePageNode td.gridContentTitle a
{
    background-image: url(Images/home.gif);
}
.pages .listItems tr.cms_locked td.gridContentTitle a, .listItems tr.cms_locked td.gridContentTitle a
{
    background-image: url(Images/padlock.gif);
}
.pages .listItems tr.cmsPageGroup td.gridContentTitle a
{
    background-image: url(Images/templatesAll.gif);
    padding-bottom: 6px;
}
.pages .listItems tr.cmsExternalPageNode td.gridContentTitle a
{
    background-image: url(Images/templateExternal.gif);
}
.pages .listItems tr.cmsHomePageNode td
{
    font-weight: normal;
}
.templates .listItems tr.gridBroken td.gridContentTitle a
{
    background: url(Images/broken.gif) left top no-repeat;
}
.Newsletters .listItems td.gridContentTitle a
{
    background: url(Images/a_newsletter.gif) no-repeat 0 2px;
}
/*
.listItems tr.cms_locked td{background:#E9F2F5 !important}
.listItems tr.cms_locked span.stat {background:url(Images/padlock.gif) left center no-repeat;padding:3px 0 3px 20px}
*/
.pages .history td.gridActions
{
    width: 130px;
}

.alternate td
{
    background: #CFE8EB !important;
    border-top: solid 1px #F0FAFE;
}
.alternate td.gridActions
{
    background: #BCDEE2 !important;
}
.pages .listItems
{
    position: relative;
}

.comments td
{
    background: #CFE7D7 !important;
    border-top: solid 1px #F0FAFE;
}
.comments td.gridActions, .listItems tr.hidden td.gridActions
{
    background: #B5D2BE !important;
}

.listItems .gridContentTitle a, .listItems .pdf .gridContentTitle a, .listItems .doc .gridContentTitle a, .listItems .docx .gridContentTitle a, .listItems .rtf .gridContentTitle a, .listItems .txt .gridContentTitle a, .listItems .xls .gridContentTitle a, .listItems .xlsx .gridContentTitle a, .listItems .ppt .gridContentTitle a, .listItems .pptx .gridContentTitle a, .listItems .gif .gridContentTitle a, .listItems .jpg .gridContentTitle a, .listItems .jpeg .gridContentTitle a, .listItems .png .gridContentTitle a, .itemInfo .pdf, .itemInfo .doc, .itemInfo .docx, .itemInfo .rtf, .itemInfo .txt, .itemInfo .xls, .itemInfo .xlsx, .itemInfo .ppt, .itemInfo .pptx, .itemInfo .gif, .itemInfo .jpg, .itemInfo .jpeg, .itemInfo .png, .itemInfo .itemExtension
{
    display: block;
    padding-bottom: 5px;
    padding-left: 20px;
    background: transparent url(Images/default.gif) no-repeat 0 0;
}
.listItems .pdf .gridContentTitle a, .itemInfo .pdf
{
    background: transparent url(Images/a_pdf.gif) no-repeat 0 0;
}
.listItems .doc .gridContentTitle a, .listItems .docx .gridContentTitle a, .listItems .rtf .gridContentTitle a, .itemInfo .doc, .itemInfo .docx, .itemInfo .rtf
{
    background: transparent url(Images/a_doc.gif) no-repeat 0 0;
}
.listItems .txt .gridContentTitle a, .itemInfo .txt
{
    background: transparent url(Images/a_txt.gif) no-repeat 0 0;
}
.listItems .xls .gridContentTitle a, .listItems .xlsx .gridContentTitle a, .itemInfo .xls, .itemInfo .xlsx
{
    background: transparent url(Images/a_xls.gif) no-repeat 0 0;
}
.listItems .ppt .gridContentTitle a, .listItems .pptx .gridContentTitle a, .itemInfo .ppt, .itemInfo .pptx
{
    background: transparent url(Images/a_ppt.gif) no-repeat 0 0;
}
.listItems .jpg .gridContentTitle a, .listItems .jpeg .gridContentTitle a, .itemInfo .jpg, .itemInfo .jpeg
{
    background: transparent url(Images/a_jpg.gif) no-repeat 0 0;
}
.listItems .gif .gridContentTitle a, .listItems .png .gridContentTitle a, .itemInfo .gif, .itemInfo .png
{
    background: transparent url(Images/a_gif.gif) no-repeat 0 0;
}

/*Group actions*/
.groupActions
{
    color: #ddd;
    width: 98%;
    margin: 5px auto;
    padding: 5px 0;
    border-top: 1px solid #999;
}
.groupActions a
{
    color: #f0f0f0;
    margin: 0 10px;
}
.groupActions a:hover
{
    color: #fff;
}
.groupActions select
{
    margin: 0 10px;
}
.groupActions a.delete
{
    background: url(Images/ControlTitleDelete.gif) center left no-repeat;
    padding-left: 18px;
    margin-left: 5px;
}
.groupActions a.unassign
{
    background: url(Images/unassign.gif) center left no-repeat;
    padding-left: 25px;
    margin-left: 5px;
}
.groupActions .teaser
{
    float: left;
}

/*blank slate*/
.workArea #empty, .sitemap #empty
{
    text-align: center;
    padding-top: 50px;
}
.workArea #empty h2, .sitemap #empty h2
{
    padding: 20px 0;
    text-align: center;
}
.workArea #empty p, .sitemap #empty p
{
    background: transparent;
    line-height: 1.4;
}
a.mainLink
{
    font-size: 23px;
}
.workArea #empty p a, .sitemap #empty p a
{
    font-weight: bold;
}
.workArea #empty a:hover, .sitemap #empty a:hover
{
    color: #fff;
}
.noGroupsMsg
{
    color: #666;
    padding-bottom: 5px;
}
/*Messages*/
.success
{
    background: #87B449;
    color: #fff;
    padding: 3px 10px;
    margin: 5px 10px;
    font-size: 12px;
}
.unsuccess
{
    background: #ff0;
    color: #000;
    padding: 3px;
    margin: 10px;
    font-size: 12px;
}
.error
{
    background: #f00;
    color: #fff;
    padding: 5px;
    margin: 10px;
    font-size: 14px;
}


/* RadEditor fixes */

.RadEDockingZone
{
    vertical-align: middle;
}
.RadEDockingZone input
{
    width: auto;
}
.RadEDockingZone
{
    width: auto;
}
textarea.RadETextArea
{
    padding: 0;
}

/*readonly field*/
.exField
{
    margin: 0;
    padding: 0 0 0 0 !important;
}
.exField dl
{
    margin: 0 0 10px 0 !important;
    padding: 0;
}
.exField dt
{
    float: left;
    width: 125px;
    margin: 5px 5px 0 0;
    text-align: right;
}
.exField .example
{
    clear: both;
    margin-left: 130px;
    margin-top: 2px;
}
.readOnly
{
    font-size: 18px;
    width: 355px;
    padding: 1px 4px;
    border: 1px dashed #999;
    float: left;
}

.directionFloat
{
    float: left;
}

div.radwindow_Sitefinity .windowcontent
{
    /* height: 440px !important; */
}


.mainFormColum label
{
    width: 100px;
}


#contentHolder
{
    padding: 20px 10px 0 10px;
    margin: 0px;
    width: 675px;
    text-align: left;
}

#contentHolder .ColLeft
{
    width: 48%;
    float: left;
    text-align: left;
}

#contentHolder .ColRight
{
    width: 48%;
    float: right;
    text-align: left;
}

#contentHolder h1
{
    font-size: 1.2em;
    border-bottom: solid 1px #393973;
    padding: 0 10px 5px 0px;
    margin: 0 10px 0 0;
}

#contentHolder h4
{
    font-size: 1.1em;
    /*border-bottom: solid 1px #393973;*/
    padding: 0 10px 5px 0px;
    margin: 0 10px 0 0;
}

#contentHolder a
{
    color: #F47937;
    text-decoration: none;
    line-height: 1.5em;
    font-size: 1.1em;
}

.NoticeBoard
{
    width: 100%;
    color: #ffffff;
    height:100px;
}

.NoticeBoard .BoxTop_Left
{
    background-image: url(../img/Notice_board_top_left.gif);
    background-repeat: no-repeat;
    height: 11px !important;
    overflow:hidden;
    padding:0px;
    margin:0px;
    width:12px !important;
    float:left;
    
}

.NoticeBoard .BoxTop_Center
{
    background-color: #F47937;
    width:100%;
}
.NoticeBoard .BoxTop_Right
{
    background-image: url(../img/Notice_board_top_right.gif);
    background-repeat: no-repeat;
    height: 11px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    width:12px;
    float:right;
    background-position:top right;
}

.NoticeBoard .Content
{
    background-color: #F47937;
    color: #ffffff;
    padding: 10px 0px;
     overflow:visible;
     margin:0px;
}

#contentHolder .NoticeBoard h4
{
    font-size: 1.1em;
    border-bottom: solid 1px #ffffff;
}
.NoticeBoard .BoxBottom_Right 
{
    background-image: url(../img/Notice_borad_bottom_right.gif);
    background-repeat: no-repeat;
    background-position:top right;
    height: 11px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    width:12px;
    float:right;
}
.NoticeBoard .BoxBottom_Left
{
    background-image: url(../img/Notice_borad_bottom_left.gif);
    background-repeat: no-repeat;
    height: 11px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    width:12px;
    float:left;
}

.usefulLink
{
	height:70px;
	text-align:left;
}

.img
{
	margin-right:5px;
	float:left;
	border:solid 1px #333333;
	display:block;
}


#contentHolder .Grid a, #contentHolder .Grid 
{
    color: #393973;
    text-decoration: none;
    line-height: 1.5em;
    font-size: .8em;    
}

#contentHolder .Grid .rgHeader a, #contentHolder .Grid .rgHeader 
{
 font-size: 1em;
  font-weight:bold;
  color: #F47937;
}