/* Minification failed. Returning unminified contents.
(1465,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2865,16): run-time error CSS1030: Expected identifier, found ' '
(3290,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(4984,21): run-time error CSS1035: Expected colon, found 'is'
 */
/* =CSS RESET  - copyright Eric Meyer - www.ericmeyer.com
===========================================*/
/* v1.0 | 20080212 */


body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/*tr.mainRow td span.ice-del {
    display:none;
}*/

.ice-del {
    display: inline;
    text-decoration: line-through;
    color: #555;
    background-color: #e5ffcd !important;
}

.ice-ins, .ice-ins p {
    background-color: #e5ffcd !important;
}

.ice-ins, .ice-del {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000;
    padding: 1px 0 2px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* float clearing for IE6 */
* html .clearfix {
    height: 1%;
    overflow: visible;
}

/* float clearing for IE7 */
* + html .clearfix {
    min-height: 1%;
}

    /* float clearing for everyone else */
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }


/* =DEFAULTS
===========================================*/
.break {
    clear: both;
    height: 0px;
    overflow: hidden;
}

i, .none {
    display: none;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

img.float_left {
    padding: 1px;
    background: #fff;
    border: 1px solid #dedede;
    margin: 5px 5px 10px 0;
}

img.float_right {
    padding: 1px;
    background: #fff;
    border: 1px solid #dedede;
    margin: 5px 0 10px 5px;
}


a:hover {
    text-decoration: underline;
    color: #000;
}

body {
    font: 11px/130% Arial,Helvetica,Verdana,Geneva,sans-serif;
    height: 100%;
    /*text-align: left;*/ /* center - afects how dhtmlxcombo items are displayed (center instead of left) */
    width: 100%;
    margin: 0px;
}

*:first-child + html body {
    padding-top: 20px;
}

#ContentWrapper {
    height: 100%;
    margin: -20px auto;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
    vertical-align: top;
    width: 1220px;
}

#BodyWrapper {
    height: 100%;
    padding: 0;
    position: relative;
}

h1 {
    border-bottom: 1px solid #CCCCCC;
    color: #FF8040;
    font: bold 23px/110% Arial,Helvetica,Verdana,Geneva,sans-serif;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 2px;
    font-weight: bold !important;
}

h3 {
    color: #333;
    font: 16px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold !important;
}

h4 {
    color: #333;
    font: 14px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    font-weight: bold;
}

.box-container {
    min-width: 320px;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    background: #fff;
    clear: both;
    -webkit-box-shadow: 1px 1px 2px rgba(35,31,32,.2);
    -moz-box-shadow: 1px 1px 2px rgba(35,31,32,.2);
    box-shadow: 1px 1px 2px rgba(35,31,32,.2);
}

#leftcol .box-container.sticker {
    width: 180px !important;
}

#header {
    position: relative;
    margin: -20px -20px 0px;
    height: 70px;
    background: #fafafa;
    padding: 0 27px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #d6d6d6;
}

#logo {
    min-width: 160px;
    text-align: center;
    margin: 0;
    border: none;
    margin-top: -10px;
    background: #fff;
    float: left;
    position: relative;
    z-index: 1;
    border: 1px solid #eaeaea;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 4px 0px #eaeaea;
    box-shadow: 0px 0px 4px 0px #eaeaea;
}

    #logo img {
        max-width: 260px;
    }

.default_logo {
    padding-top: 14px;
    padding-bottom: 7px;
}

.config-menu {
    position: absolute;
    color: #fff;
    right: 27px;
    top: 5px;
    font-size: 16px;
    line-height: 32px;
    padding-left: 10px;
    width: 90px;
    height: 32px;
    font-weight: bold;
    background: url(/Content/images/icon-gear.png) no-repeat 90% center;
    z-index: 8;
}

    .config-menu .drop {
        position: absolute;
        top: 100%;
        right: 0;
        font-size: 12px;
        line-height: 140%;
        font-weight: normal;
        display: none;
    }

    .config-menu:hover {
        background: #ccc url(/Content/images/icon-gear.png) no-repeat 90% center;
        color: #333;
    }

.menu-bar {
    height: 26px;
    position: absolute;
    width: 100%;
    margin-left: -27px;
    bottom: 0;
    background: #efefef;
}

#header .main_menu {
    list-style-type: none;
    height: 14px;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 2;
}

    #header .main_menu > li {
        float: left;
        position: relative;
    }

        #header .main_menu > li.last {
            border-right: none;
        }

.btn_edit_component {
    background: #fafafa;
    position: absolute;
    overflow: hidden;
}

.drop {
    background: #fafafa;
    position: absolute;
    border: 2px solid #ccc;
    padding: 30px;
    padding-bottom: 0;
    /* 	min-width: 200px; */
}

    .drop.col-one {
        padding: 0;
    }

#header .menu > li .drop.col-one {
    background: none;
    border: 0;
    padding: 0;
    right: auto;
    left: 0px;
}

.drop.col-one .manylevels {
    margin-bottom: 0;
    background: #0084A9;
}

    .drop.col-one .manylevels li {
        padding-left: 0;
        margin-bottom: 0;
    }

        .drop.col-one .manylevels li a {
            border-bottom: 1px solid #0E91B6;
            display: block;
            padding: 5px 20px;
            text-align: left;
            color: #fff;
            text-decoration: none;
            margin: 0;
        }

            .drop.col-one .manylevels li a:hover {
                background: #04508a;
            }

.drop.col-one .manylevels {
    margin-bottom: 0;
}

#header .main_menu > li .drop {
    display: none;
    top: 30px;
    right: 10px;
}

#header .main_menu > li:hover .drop {
    display: block;
}

.col2 {
    width: 46%;
    float: left;
    margin-right: 4%;
}

.col3 {
    width: 32%;
    float: left;
    margin-right: 2%;
}

    .col3 ul li, .drop li {
        margin-bottom: 3px;
        padding-left: 10px;
    }

    .col3 h4 {
        font-size: 12px;
        margin-bottom: 5px;
    }

.col4 {
    width: 25%;
    float: left;
}

#footer .col4 li {
    margin-bottom: 3px;
}

#header .main_menu > li > a {
    display: block;
    font-size: 16px;
    color: #808080;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
    padding: 5px 10px 0 10px;
    font-weight: bold;
    margin-right: 10px;
}

    #header .main_menu > li > a.switch {
        border: 1px solid #fff;
        padding-bottom: 10px;
        background: url(/Content/images/drop.png) no-repeat 95% 9px;
        padding-right: 20px;
    }

#header .main_menu li > a > span {
    display: inline-block;
    background: #F19516;
    padding: 0px 2px;
    min-width: 10px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 130%;
    margin-right: 3px;
    margin-bottom: 3px;
    position: relative;
    top: -2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#header .main_menu > li > a:hover {
    color: #FF8040;
    text-decoration: none;
}

#header .main_menu > li > a.switch:hover, #header .main_menu > li:hover > a.switch {
    background: #666 url(/Content/images/drop.png) no-repeat 95% 9px;
    color: #fff;
    border: 1px solid #ccc;
}

#header .main_menu li > a:hover > span {
    background: #444;
}


#header .menu {
    list-style-type: none;
    height: 26px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    left: 340px;
    z-index: 1;
}

    #header .menu > li {
        float: left;
        height: 26px;
        position: relative;
    }

        #header .menu > li.last {
            border-right: none;
        }

        #header .menu > li > a {
            display: block;
            font-size: 14px;
            color: #444;
            text-decoration: none;
            height: 26px;
            line-height: 26px;
            margin-right: 10px;
            background-color: #ddd;
            padding: 0 10px;
        }

            #header .menu > li > a span {
                display: inline-block;
                background: #F19516;
                padding: 0px 2px;
                min-width: 10px;
                color: #fff;
                font-size: 10px;
                text-align: center;
                line-height: 130%;
                margin-right: 3px;
                margin-bottom: 3px;
                position: relative;
                top: -2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
            }

            #header .menu > li > a:hover {
                color: #fff;
                background-color: #0084A9;
                text-decoration: none;
            }

                #header .menu > li > a:hover span {
                    background: #444;
                }

            #header .menu > li > a.switch {
                padding-left: 10px;
                background: #FF8040 url(/Content/images/drop.png) no-repeat 95% 9px;
                padding-right: 20px;
                color: #ffffff;
            }

                #header .menu > li > a.switch:hover, #header .menu > li:hover > a.switch {
                    background: #0084A9 url(/Content/images/drop.png) no-repeat 95% 9px;
                    color: #fff;
                }

        #header .menu > li .drop {
            display: none;
            top: 100%;
            right: 10px;
        }

        #header .menu > li:hover .drop {
        }

ul.manylevels > li > a {
    display: block;
    margin-bottom: 3px;
    padding: 3px 5px;
}

    ul.manylevels > li > a:hover {
        background: #0084A9;
        color: #fff;
        text-decoration: none;
    }

.drop.col-one .manylevels > li.has-submenu > a {
    background: url(/Content/images/has-submenu.png) no-repeat 95% center;
}

    .drop.col-one .manylevels > li.has-submenu > a:hover, .drop.col-one .manylevels > li.has-submenu:hover > a {
        background: #04508a url(/Content/images/has-submenu.png) no-repeat 95% center;
        color: #fff;
    }

ul.manylevels > li {
    position: relative;
}

ul.manylevels li.has-submenu > ul {
    display: none;
    width: 120px;
    background: #0084A9;
    border: 1px solid #ccc;
    z-index: 100;
}

ul.manylevels li.has-submenu:hover ul, ul.manylevels li.has-submenu > a:hover ul {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
}

ul.manylevels li.has-submenu > ul a:hover {
    background: #04508a;
}

.col3 {
    width: 32%;
    float: left;
    margin-right: 2%;
}

    .col3 ul li, .drop li {
        margin-bottom: 3px;
        padding-left: 10px;
    }

    .col3 h4 {
        font-size: 12px;
        margin-bottom: 5px;
    }

.notif {
    display: inline-block;
    background: #F19516;
    padding: 0px 2px;
    min-width: 10px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 130%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#user_menu {
    float: right;
    padding-right: 10px;
    height: 48px;
}

    #user_menu a:hover {
        text-decoration: underline;
    }

    #user_menu > p {
        float: left;
        margin-right: 20px;
        line-height: 28px;
    }

    #user_menu > ul {
        padding-left: 30px;
        display: inline-block;
        list-style-type: none;
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
    }

        #user_menu > ul > li {
            padding: 0;
            position: relative;
            float: left;
            margin-right: 10px;
            line-height: 28px;
            height: 28px;
        }

    #user_menu ul > li > a {
        display: block;
        height: 28px;
        line-height: 28px;
    }

    #user_menu ul > li.simpledrop {
        padding-right: 10px;
        display: block;
        background: url(/Content/images/has_drop.png) no-repeat right center;
    }

        #user_menu ul > li.simpledrop > a {
            font-size: 12px;
        }

    #user_menu ul.dropdown a {
        display: block;
        padding: 2px;
        text-decoration: none;
        padding-left: 10px;
        background: url(/Content/images/right_arrow_link.gif) no-repeat left 5px;
    }

        #user_menu ul.dropdown a:hover {
            padding-left: 10px;
            background: url(/Content/images/right_arrow_link_hover.gif) no-repeat left 5px;
            text-decoration: underline;
            color: #1199C1;
        }

    #user_menu ul.dropdown {
        z-index: 1;
        position: absolute;
        top: 100%;
        right: 0;
        display: none;
        padding: 10px;
        background: #fff;
        margin-left: 0;
        border: 1px solid #ccc;
        list-style-type: none;
        min-width: 120px;
        -moz-box-shadow: 2px 2px 4px #ccc;
        -webkit-box-shadow: 2px 2px 4px #ccc;
        box-shadow: 2px 2px 4px #ccc;
    }

        #user_menu ul.dropdown > ul {
            margin-left: 0;
            margin-bottom: 0;
        }

        #user_menu ul.dropdown li {
            margin-right: 0;
            margin-bottom: 4px;
            clear: both;
            height: auto;
            display: block;
            float: none;
            line-height: 100%;
            height: auto;
            line-height: 100%;
        }

            #user_menu ul.dropdown li a {
                color: #333;
                display: inline-block;
                line-height: 110%;
                height: auto;
            }

            #user_menu ul.dropdown li:last-child {
                margin-bottom: none;
            }

    #user_menu form {
        float: left;
        margin-top: 1px;
        margin-bottom: 0;
    }

    #user_menu select {
        font-size: 11px;
        width: auto;
    }

.secondary_logo {
    width: 100%;
    position: relative;
    padding-top: 30px;
    padding-left: 10px;
    /*border-bottom: 2px solid #ccc;
	width: 100%;*/
}

    .secondary_logo span {
        font-size: 26px;
        font-weight: bold;
        color: #444;
        line-height: 100%;
        position: relative;
    }

        .secondary_logo span:hover {
            /*text-decoration: underline;*/
        }

        .secondary_logo span span {
            position: absolute;
            bottom: 30px;
            left: 20px;
            background: #fff;
            padding: 10px;
            border: 2px solid #ccc;
            display: none;
            font-size: 11px;
            line-height: 110%;
            font-weight: normal;
            min-width: 350px;
            -moz-box-shadow: 2px 2px 4px #ccc;
            -webkit-box-shadow: 2px 2px 4px #ccc;
            box-shadow: 2px 2px 4px #ccc;
        }

    .secondary_logo:hover span span {
        display: block;
    }

#content ul ul {
    margin-left: 20px;
    margin-bottom: 0;
}

    #content ul ul.chosen-results {
        margin-left: 0px;
        margin-bottom: 0;
    }

#content li {
    margin-bottom: 3px;
}

    #content li.search-field {
        margin-bottom: 0px;
    }

#content .chosen-results li {
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 1px;
}

#leftcol {
    width: 220px;
    float: left;
    margin-right: 10px;
}

#rightcol {
    width: 990px;
    float: left;
}

ul.bulleted li {
    padding-left: 10px;
    background: url(/Content/images/right_arrow_link.gif) no-repeat left 3px;
}

    ul.bulleted li:hover {
        padding-left: 10px;
        background: url(/Content/images/right_arrow_link_hover.gif) no-repeat left 3px;
    }

#leftcol h3 {
    margin-bottom: 20px;
}

.user_pic {
    width: 60px;
    height: 60px;
    float: left;
}

.profile_stats {
    margin-left: 70px;
    margin-bottom: 20px;
}

.profile_progress {
    width: 100px;
    border: 1px solid #a8a8a8;
    height: 10px;
    margin-top: 3px;
    clear: right;
}

    .profile_progress span {
        height: 10px;
        display: block;
        background: #94cf86;
    }

#content ul.submenu li {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0px;
}

ul.submenu a {
    display: block;
    padding: 10px 10px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    ul.submenu a:hover {
        background: #dedede;
    }

    ul.submenu a span {
        display: inline-block;
        background: #03709C;
        padding: 0px 2px;
        min-width: 20px;
        color: #fff;
        font-size: 10px;
        text-align: center;
        line-height: 130%;
        margin-right: 3px;
        margin-bottom: 3px;
        position: relative;
        float: right;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

#content ul.submenu li.selected {
    border-bottom: none;
}

ul.submenu li.selected a, ul.submenu li.selected aL:hover {
    background: #92cfe1;
    color: #fff;
}

.smallbutton {
    display: inline-block;
    padding: 3px 10px;
    line-height: 100%;
    margin-right: 5px;
    background: #0084A9;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
}

    .smallbutton:hover {
        text-decoration: none !important;
    }

/*
h2 {
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
	padding: 5px;
	position: relative;
	padding-right: 45px;
	margin-bottom: 10px;
}

h2 a.edit {
	display: block;
	width: 25px;
	height: 14px;
	background: #fff url(/Content/images/pencil-small.png) no-repeat 3px center;
	color: #444;
	padding-left: 18px;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	text-shadow: none;
	text-decoration: none;
	     -moz-border-radius: 12px; 
  -webkit-border-radius: 12px; 
          border-radius: 12px; 
     -moz-box-shadow:  0 1px 0 rgba(0,0,0,.5);
  -webkit-box-shadow:  0 1px 0 rgba(0,0,0,.5);
          box-shadow:  0 1px 0 rgba(0,0,0,.5);
}
h2 a.edit:hover {
	background: #016987 url(/Content/images/pencil-small.png) no-repeat 3px center;
	color: #fff;
	text-decoration: none;
}
*/
.no_margin {
    margin: 0 !important;
}

.form input, .form textarea {
    width: 350px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.form select {
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.form .medium {
    width: 130px;
}

.select.medium {
    width: 135px;
}

.form .small {
    width: 100px;
}

.form .block {
    width: 100%;
}

.select.small {
    width: 105px;
}

.form .different {
    width: 200px;
}

.form .input,
.form .textarea,
.form .select,
.ct_combo_limit {
    margin-top: 2px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    background: url(/Content/images/bg_inputs.png) no-repeat;
    color: #666;
}

.form input[type=checkbox], .form input[type=radio] {
    width: auto;
}

.form input:focus,
.form textarea:focus,
.form select:focus {
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.input.disabled {
    background: #efefef;
    color: #999;
}

.error {
    font-size: 10px;
    font-weight: bold;
    color: #F00;
    display: block;
    clear: both;
    margin-bottom: 15px;
}

.help {
    font-size: 12px;
    color: #000;
}

.help_no_options {
    font-size: 12px;
    color: #000;
}

.button.wide {
    padding: 3px 15px;
}

button, .button, button:hover, .button:hover {
    background-color: #e4610f;
    border-color: #e4610f;
    border-style: solid;
    color: #ffffff;
}

.form_results {
    padding-top: 10px;
    font-weight: bold;
}

table.formatted {
    width: 100%;
    border-collapse: collapse;
}

    table.formatted th {
        padding: 4px 5px;
        border: 1px solid #bebebe;
        background: #0083A9;
        border-bottom: 1px solid #666;
        text-align: left;
        color: #fff;
    }

    table.formatted td {
        border: 1px solid #bebebe;
        padding: 3px 6px;
        text-align: left;
        vertical-align: middle;
    }

        table.formatted td.actions {
            padding: 2px 10px;
            background: #CCE6FF;
        }

    table.formatted tr:hover td {
        background: #fafafa;
    }

        table.formatted tr:hover td.actions {
            background: #CCE6FF;
        }

.action_edit, .action_delete {
    padding-left: 15px;
    color: #fff;
    text-decoration: none;
    color: #666;
}

.action_edit {
    background: url(/Content/images/pencil-small.png) no-repeat left center;
}

.action_delete {
    background: url(/Content/images/cross-small.png) no-repeat left center;
}

.listing_table * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.edit-form-line {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

    .edit-form-line * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.listing_table th {
    font-weight: bold;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-right: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    text-align: left;
    padding: 5px;
    vertical-align: middle;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 );
    background: linear-gradient(top, #f1f1f1 0%,#cccccc 100%);
}

.listing_table td {
    padding: 3px 5px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    vertical-align: middle;
}

.listing_table tr.checked td {
    background: #007ea4;
    color: #fff;
}

.listing_table tr:last-child td {
    border-bottom: 1px solid #eee;
}

.listing_table tr td:last-child {
    border-right: 1px solid #eee;
}

.listing_table tr td:first-child {
    border-left: 1px solid #eee;
}
/*.listing_table tr.drop_row_active:hover td {
    background-color:#5eb5cf !important;
    color:#fff;
}
.listing_table tr.selected td {
    background-color:#5eb5cf !important;
    color:#fff;
}*/
.options_group {
    position: relative;
    margin: -3px -5px;
    padding: 3px 5px;
}

.drop_trigger {
    display: block;
    width: 17px;
    height: 17px;
    background: #ccc url(/Content/images/drop.png) no-repeat center center;
    position: absolute;
    top: 0px;
    right: 0px;
}

    .drop_trigger:hover, .drop_trigger.active {
        background: rgba(239, 239, 239, 1) url(/Content/images/drop.png) no-repeat center center;
    }

.drop_options {
    width: 150px;
    background: #fff;
    border: 1px solid rgba(239, 239, 239, 1);
    position: absolute;
    top: 16px;
    right: 0px;
    display: none;
    -webkit-box-shadow: 0px 2px 2px 0px #ddd;
    box-shadow: 0px 2px 2px 0px #ddd;
}

#content .drop_options ul {
    margin-bottom: 0;
}

    #content .drop_options ul li {
        margin-bottom: 0px;
        border-bottom: 1px dotted #dedede;
        font-size: 12px;
    }
/*
.drop_options ul li:last-child {
    border-bottom: none;
}*/
.drop_options a {
    display: block;
    text-decoration: none;
    color: #444;
    padding: 6px;
    padding-left: 35px;
}

    .drop_options a img {
        vertical-align: bottom;
        margin-right: 10px;
        margin-left: -26px;
    }

    .drop_options a:hover {
        color: #333;
        background: #eaeaea;
    }

.content_box .drop_options {
    width: 130px;
    z-index: 5;
    top: 19px;
    right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.content_box .drop_trigger {
    top: 1px;
}

.content_box .drop_options a {
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


ul.pagination {
    clear: both;
    float: left;
    margin-top: 5px;
    width: 100%;
    margin-left: 0px;
    list-style-type: none;
}

    ul.pagination.news_nav {
        padding-top: 10px;
        border-top: 1px solid #ccc;
    }

    ul.pagination > li {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        float: left;
        font-size: 11px;
        font-weight: bold;
        margin-right: 5px;
        padding-left: 0px;
        position: relative;
        background: none;
        margin-bottom: 0;
    }

    ul.pagination li.rows_per_page {
        float: right;
        margin-top: -2px;
    }

        ul.pagination li.rows_per_page select {
            width: 45px;
        }

    ul.pagination li > a {
        color: #333;
        padding: 3px 7px 2px 7px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #ddd;
        text-decoration: none;
    }

        ul.pagination li > a:hover {
            background: #999;
            color: #fff;
            text-decoration: none;
        }



.tabs {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    list-style-type: none;
    line-height: normal;
    height: 25px;
    padding-left: 10px;
}

    .tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 22px;
        line-height: 22px;
        margin-top: 2px;
        border: 1px solid #ccc;
        margin-bottom: -1px;
        margin-left: -1px;
        overflow: hidden;
        position: relative;
        background: #e0e0e0;
    }

    .tabs a {
        display: block;
        background: none;
        color: #444;
        height: 31px;
        text-decoration: none;
        padding: 0 10px;
        outline: none;
    }

        .tabs a:hover {
            border-bottom: 1px solid #ccc;
            background: #fff;
        }

    .tabs li.active {
        border-bottom-color: #fff;
        font-weight: bold;
        background: #fff;
        height: 24px;
        line-height: 25px;
        margin-top: 0;
    }

        .tabs li.active a {
            color: #000;
        }

.content_form {
    /*clear: both;*/
    padding-top: 10px;
    text-align: left;
}

*:first-child + html .content_form {
    padding-top: 0px;
}

    .content_form fieldset {
        border-top: 1px dotted #aaa;
        padding: 10px;
        padding-bottom: 0;
        margin-bottom: 0px;
        padding-left: 40px;
    }

    .content_form legend {
        font-size: 13px;
        font-weight: bold;
        color: #e4610f;
        background: #fff;
        text-transform: uppercase;
        padding: 0px 10px;
        margin-left: -35px;
    }

    .content_form fieldset > legend {
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        width: auto;
    }

    .content_form fieldset > table {
        margin-bottom: 10px;
    }

    .content_form td {
        padding: 2px 5px;
    }

    .content_form .label_td {
        font-weight: bold;
        width: 150px;
        vertical-align: top;
        padding-top: 7px;
    }

    .content_form .label_span {
        text-align: right;
        width: 150px;
        display: inline-block;
        vertical-align: top;
        padding-top: 7px;
        font-weight: bold;
        padding-right: 8px;
        word-wrap: break-word;
        overflow: hidden;
    }

    .content_form .label_td span {
        word-wrap: break-word;
        display: block;
        overflow: hidden;
        width: 150px;
    }

.td_margin_fix {
    padding-top: 5px;
    display: inline-block;
    margin-bottom: 5px;
}

    .td_margin_fix .tipsy_trigger img {
        margin-bottom: -2px;
    }
/*.error {
	background: #f8dfdf;
	border: 1px dotted:#ffa9a9;
	padding: 3px;
	margin-top: 4px;
	width: 350px;
}*/

.error {
    background: #f00;
    border: 1px dotted:#f00;
    padding: 3px;
    margin-top: 4px;
    width: 350px;
}

.content_form input, .content_form textarea {
    width: 405px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial,Helvetica;
}

.content_form select {
    width: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.content_form .small {
    width: 100px;
}

.content_form select.small {
    width: 105px;
}

.content_form input,
.content_form textarea,
.content_form select {
    margin-top: 2px;
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    line-height: 22px;
    width: 100%;
    padding-top: 0px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    box-sizing: border-box;
}

    .content_form input[readonly]:not(.white), .content_form input[readonly="readonly"]:not(.white), .content_form textarea[readonly], .content_form textarea[readonly="readonly"], .content_form select[readonly], .content_form select[readonly="readonly"] {
        background: #DFDDDD;
    }

.white {
    background: #fff;
}

.content_form .translate {
    margin-top: 2px;
    background: #fff;
    border: 1px solid #488AC7;
    padding: 2px;
    background: url(/Content/images/bg_inputs.png) no-repeat;
    color: #488AC7;
}

.content_form input[type=checkbox], .content_form input[type=radio] {
    width: auto;
    border: 0;
    background: none;
}

.content_form input:focus,
.content_form textarea:focus,
.content_form select:focus {
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.search_form {
    margin-top: -10px;
    margin-right: 10px;
}

.user_search_form {
    margin-top: -10px;
    margin-bottom: 5px;
    width: 150px;
    display: inline;
    margin-right: 5px;
}

.error {
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    clear: both;
    margin-bottom: 15px;
}

.left_tree {
    /*width: 20%;
	padding-right: 5%;*/
    float: left;
    width: 23%;
}

.right_doc_list {
    /*width: 75%;
	float: left;*/
    width: 74%;
    float: right;
}

    .right_doc_list p.actions_menu {
        margin-top: -25px;
        margin-bottom: 0px !important;
    }

.project_column {
    float: left;
    min-height: 400px;
}


.content_box {
    /*border: 1px solid #ccc;*/
    position: relative;
    margin-bottom: 27px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}


.content_box_title:hover {
    /*
	background: #0083a9;
	background: -moz-linear-gradient(top, #0083a9 0%, #00334f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0083a9), color-stop(100%, #00334f));
	background: -webkit-linear-gradient(top, #0083a9 0%, #00334f 100%);
	background: -o-linear-gradient(top, #0083a9 0%, #00334f 100%);
	background: -ms-linear-gradient(top, #0083a9 0%, #00334f 100%);
	background: linear-gradient(top, #0083a9 0%, #00334f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083a9', endColorstr='#00334f', GradientType=0 );
*/
}
/* ------- Edit component menu ----- */
.menu_options {
    /*width: 100px;*/
    background: #fff;
    border: 1px solid #aaa;
    position: absolute;
    top: 20px;
    right: 5px;
    z-index: 999999;
    display: none;
    -moz-box-shadow: 0px 2px 2px 0px #888;
    -webkit-box-shadow: 0px 2px 2px 0px #888;
    box-shadow: 0px 2px 2px 0px #888;
}

    .menu_options ul {
        margin-bottom: 0px !important;
    }

        .menu_options ul li {
            margin-bottom: 0px !important;
            border-bottom: 1px dotted #AAAAAA;
            height: 20px;
            display: block;
        }

    .menu_options a {
        float: left !important;
        text-decoration: none;
        font-size: 12px;
        line-height: 20px;
        font-weight: normal;
        text-shadow: none;
        color: #444;
        margin-right: 5px !important;
    }

        .menu_options a img {
            vertical-align: middle;
            margin-right: 5px;
            width: 16px;
            height: 16px;
        }

    .menu_options li:hover {
        cursor: pointer;
        color: #333;
        background: #bbb;
    }
/* ----------------------------------- */
/* Begin title buttons */
.title_ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 14px;
    height: 14px;
    width: 75%;
    float: left;
}
/*title_buttons 
{
    float:right;
    height:14px;
    width:24%;
}
.title_buttons a 
{
    float:right;
    top:0px;
    margin-top:0px !important;
    position:inherit !important;
    margin-left: 4px;
    margin-right: 0px;
}
.title_buttons .trigger 
{
    background-image:url(/Content/images/drop.png);
    background-repeat: no-repeat;
    background-position:center center;
    float:right;
    margin-left:3px;
    width:10px;
    height:16px;
}*/
.content_box_title a.active {
    display: block !important;
    background-color: #f59821 !important;
    color: #fff !important;
    text-decoration: none;
}

.content_box_title a.drop img {
    float: right;
    position: relative;
    top: 3px;
    margin-left: 2px;
}

.content_box_title a.drop {
    display: none;
    height: 16px;
    background-color: #fff;
    /*
	background-image: url(/Content/images/drop.png);
	background-repeat:no-repeat;
	background-position: right center;
	*/
    color: #444;
    padding-left: 7px;
    padding-right: 5px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    text-shadow: none;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.5);
    box-shadow: 0 1px 0 rgba(0,0,0,.5);
}

    .content_box_title a.drop:hover {
        background-color: #f59821;
        /*
    background-image: url(/Content/images/drop.png);
    background-repeat:no-repeat;
	background-position: right center;
	*/
        color: #fff;
        text-decoration: none;
    }

.content_box_title:hover a.drop {
    display: block;
}

.content_box_title a.gear {
    display: none;
    height: 16px;
    background: #fff url(/Content/images/ico_gear_small.png) no-repeat 3px center;
    color: #444;
    padding-left: 21px;
    padding-right: 3px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -7px;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    text-shadow: none;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.5);
    box-shadow: 0 1px 0 rgba(0,0,0,.5);
}

    .content_box_title a.gear:hover {
        background: #f59821 url(/Content/images/ico_gear_small.png) no-repeat 3px center;
        color: #fff;
        text-decoration: none;
    }

.content_box_title:hover a.gear {
    display: block;
}

.content_box_title a.edit.has_drop_option {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
}

.content_box:hover a.edit {
    display: block;
}

    .content_box:hover a.edit .drop_trigger {
        display: block;
        width: 12px;
        height: 12px;
        background: url(/Content/images/drop.png) no-repeat center center;
    }
/* End title button */

.content_box_wrapper {
    padding: 0px;
    padding-bottom: 0;
    overflow: auto;
    clear: both;
}


.content_box_wrapper_free_text {
    padding: 10px;
    padding-bottom: 0;
    overflow: auto;
    clear: both;
}

#content .content_box_wrapper_free_text ul {
    color: #333;
    list-style-type: disc;
    padding: 10px;
}

#content .content_box_wrapper_free_text ol {
    color: #333;
    list-style-type: decimal;
    padding: 10px;
}

#content .content_box_wrapper_free_text h1 {
    color: #333;
    font: 24px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 15px;
    padding-bottom: 1px;
    border-bottom: 0px;
    font-weight: bold;
}

#content .content_box_wrapper_free_text h2 {
    color: #333;
    font: 21px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 20px;
    font-weight: bold;
}

#content .content_box_wrapper_free_text h3 {
    color: #333;
    font: 16px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 0px;
    font-weight: bold;
}

#content .content_box_wrapper_free_text h4 {
    color: #333;
    font: 14px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 0px;
    font-weight: bold;
}

#content .content_box_wrapper_free_text h5 {
    color: #333;
    font: 14px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 0px;
    font-weight: bold;
}


#content content_box_wrapper_free_text, #content .content_box_wrapper ul, #content .content_box_wrapper p, #content .content_box_wrapper table, #content .content_box_wrapper form {
    margin-bottom: 10px;
}

.ui-sortable-helper {
    background: #ffffcc;
    -webkit-box-shadow: 0px 0px 10px 0px #333;
    box-shadow: 0px 0px 10px 0px #333;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.widget-placeholder {
    border: 1px dashed #ccc;
    background: #fafafa url(/Content/images/cross.gif) no-repeat center center;
    margin-bottom: 27px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-left: 10px;
    margin-right: 10px;
}

.date {
    font-size: 9px;
    font-weight: bold;
    color: #111;
}

.author {
    font-size: 9px;
    font-weight: normal;
    color: #111;
}

#footer {
    color: #808080;
    font: 10px/11px Arial,Helvetica,Verdana,Geneva,sans-serif;
    border-top: 1px solid #BEBEBE;
    clear: both;
    margin-top: 20px;
    padding-top: 14px;
}

    #footer .copy, #footer .copy a {
        color: #808080;
        font: 8px/12px Arial,Helvetica,Verdana,Geneva,sans-serif;
        text-align: right;
    }

.footer_menu {
    float: left;
    color: #bdbdbd;
    font-size: 11px;
}

    .footer_menu a {
        text-decoration: none;
        color: #808080;
        padding: 1px 4px;
    }

        .footer_menu a:hover {
            background-color: #FF8040;
            color: #fff;
        }

.footer_windows_azure {
    float: right;
    font-size: 11px;
}

    .footer_windows_azure a {
        text-decoration: none;
        padding: 1px 4px;
    }

        .footer_windows_azure a:hover {
            color: #fff;
        }

.template_popup {
    background: #fff;
    text-align: left;
    padding: 10px;
    width: auto;
}

    .template_popup .content_form .label_td {
        width: 70px;
    }

    .template_popup h1 {
        color: #0084A9;
        font: 24px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
        margin-bottom: 15px;
        padding-bottom: 1px;
        border-bottom: 1px solid #ccc;
    }

    .template_popup h3 {
        font-size: 14px;
        margin-top: 5px;
    }

        .template_popup h3 a {
            text-decoration: none;
        }

.template_list {
    background: #fff;
    padding-top: 20px;
    text-align: left;
    padding-left: 15px;
}

    .template_list ul {
        display: block;
        white-space: nowrap;
        background: #fff;
    }

        .template_list ul li {
            display: inline-block;
            padding: 5px 0;
            border: 1px solid #fff;
            margin-right: 10px;
            margin-bottom: 10px;
            width: 180px;
            text-align: center;
            vertical-align: top;
            position: relative;
            white-space: normal !important;
        }

            .template_list ul li span {
                display: block;
                position: absolute;
                top: -5px;
                right: -5px;
                width: 32px;
                height: 32px;
                background: url(/Content/images/template_check.png) no-repeat;
                display: none;
            }

            .template_list ul li:hover {
                background: #eee;
                border: 1px solid #ccc;
                -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
                box-shadow: 0px px 2px rgba(0, 0, 0, 0.2);
            }

                .template_list ul li.selected, .template_list ul li:hover.selected {
                    background: #d5efff;
                    border: 1px solid #62b7ed;
                    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px px 2px rgba(0, 0, 0, 0.2);
                }

            .template_list ul li a {
                display: block;
                text-align: center;
            }

            .template_list ul li img {
                padding: 1px;
                background: #fff;
                border: 1px solid #ddd;
                margin-bottom: 5px;
                -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
                -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
                box-shadow: 0px px 5px rgba(0, 0, 0, 0.33);
            }

.select_button {
    position: fixed;
    left: 20px;
    margin-top: 10px;
}

.action_icons {
    float: right;
    text-align: right;
    background: #fff;
    padding: 3px 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 10px;
}

    .action_icons button {
        text-decoration: none;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin-left: 2px;
        margin-right: 2px;
        padding: 2px 10px;
        border: 1px solid #fff;
        cursor: pointer;
        color: #666;
        background: #fff;
        font-size: 10px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .action_icons button span {
            display: block;
        }

        .action_icons button:hover {
            background: #fafafa;
            border: 1px solid #ccc;
        }

    .action_icons .active {
        background: #fafafa;
        border: 1px solid #ccc;
    }

#scrollbar {
    width: 770px;
    margin: 10px 0;
    clear: both;
}

    #scrollbar .viewport {
        width: 770px;
        height: 200px;
        overflow: hidden;
        position: relative;
    }

    #scrollbar .overview {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 10px;
    }

        #scrollbar .overview img {
        }

    #scrollbar .scrollbar {
        background: transparent url(/Content/images/bg-scrollbar-track-x.png) no-repeat 0 0;
        position: relative;
        margin: 0 0 5px;
        clear: both;
        height: 15px;
    }

    #scrollbar .track {
        background: transparent url(/Content/images/bg-scrollbar-trackend-x.png) no-repeat 100% 0;
        width: 100%;
        height: 15px;
        position: relative;
    }

    #scrollbar .thumb {
        background: transparent url(/Content/images/bg-scrollbar-thumb-x.png) no-repeat 100% 50%;
        height: 25px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: -5px;
    }

        #scrollbar .thumb .end {
            background: transparent url(/Content/images/bg-scrollbar-thumb-x.png) no-repeat 0 50%;
            overflow: hidden;
            height: 25px;
            width: 5px;
        }

    #scrollbar .disable {
        display: none;
    }

#security_editor {
    overflow: auto;
    width: 600px;
    height: 250px;
    text-align: left;
    background-color: #FDFDFD;
}

.actions_menu {
    margin-top: -10px;
    margin-bottom: 5px;
}

    .actions_menu a {
        font-size: 12px;
        line-height: 16px;
        display: inline-block;
        margin-right: -4px;
        text-decoration: none;
        padding: 5px 20px;
        border: 1px solid #ddd;
        font-weight: bold;
        background-color: #fafafa;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .actions_menu a span {
            margin-top: -2px;
        }

        .actions_menu a:hover {
            border: 1px solid #ccc;
            background-color: #eaeaea;
        }

.arrow {
    display: inline-block;
    width: 14px;
    margin-bottom: 3px;
    margin-left: 5px;
    background: url(/Content/images/arrows.png) no-repeat center -4px;
    border-left-width: 8px;
    position: relative;
}

    .arrow.up {
        background-position: center -20px;
    }

.listing_table tr.has_details.active td {
    border-top: 2px solid #444;
}

tr.details {
    display: none;
}

.listing_table tr.details td {
    padding: 0px;
    border-bottom: 2px solid #444;
}

.listing_table tr.details:hover td {
    background: #fff;
}

.details_container {
    padding: 10px;
    padding-bottom: 0;
}

.grid-details .details_container {
    padding: 10px;
}

.modulebox {
    clear: both;
}


.newsbox {
    width: 850px;
    height: 520px;
    background: #fff;
    /*	border: 5px solid #333; */
    text-align: left;
    position: relative;
}

.calendar_event_box {
    width: 850px;
    height: 520px;
    background: #fff;
    /*	border: 5px solid #333; */
    padding: 20px;
    text-align: left;
    position: relative;
}

.fancy_content {
    list-style: disc;
    background: #fff;
    /*	border: 5px solid #333;*/
    padding: 10px;
    text-align: left;
    overflow: hidden;
    min-width: 600px;
    padding-bottom: 0;
}


.newsbox h2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}

.calendar_event_box h2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}

.newsbox .news_nav {
    position: absolute;
    left: 20px;
    padding-bottom: 5px;
    top: 65px;
}

.calendar_event_box .calendar_event_nav {
    position: absolute;
    left: 20px;
    padding-bottom: 5px;
    top: 65px;
}

    .calendar_event_box .calendar_event_nav a {
        color: #000;
        display: block;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 2px;
        width: 80px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        background: #f1f1f1;
        float: left;
        display: inline;
    }

.newsbox .news_nav a {
    color: #000;
    display: block;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    background: #f1f1f1;
    float: left;
    display: inline;
}

.calendar_event_box .calendar_event_nav a.last {
    margin-left: 5px;
}

.newsbox .news_nav a.last {
    margin-left: 5px;
}

.calendar_event_box .calendar_event_nav a:hover {
    background: #999;
    color: #fff;
    text-decoration: none;
}

.newsbox .news_nav a:hover {
    background: #999;
    color: #fff;
    text-decoration: none;
}

.calendar_event_box .calendar_event_nav a span {
    font-weight: bold;
    color: #fe5417;
}

.newsbox .news_nav a span {
    font-weight: bold;
    color: #fe5417;
}

.scroller {
    padding-right: 10px;
    margin-top: 10px;
}

    .scroller p {
        margin-bottom: 20px;
    }

.calendar_event_col1 {
    width: 270px;
    float: left;
    display: inline;
    height: 435px;
}

.news_col1 {
    width: 270px;
    float: left;
    display: inline;
    height: 435px;
}

.calendar_event_col2 {
    width: 540px;
    float: left;
    display: inline;
    margin-left: 20px;
    height: 435px;
}

.news_col2 {
    width: 540px;
    float: left;
    display: inline;
    margin-left: 20px;
    height: 435px;
}

.item_loaded ul {
    list-style: disc;
    margin-left: 20px;
}

.item_loaded ol {
    list-style: decimal;
    margin-left: 20px;
}

.item_loaded h1 {
    color: #333;
    font: 24px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 15px;
    padding-bottom: 1px;
    border-bottom: 0px;
    font-weight: bold;
}

.item_loaded h2 {
    color: #333;
    font: 21px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 20px;
    font-weight: bold;
}

.item_loaded h3 {
    color: #333;
    font: 16px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 0px;
    font-weight: bold;
}

.item_loaded h4 {
    color: #333;
    font: 14px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 0px;
    font-weight: bold;
}

.item_loaded h5 {
    color: #333;
    font: 14px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin-bottom: 10px;
    border-bottom: 0px;
    font-weight: bold;
}

.scroller .item p {
    margin-bottom: 10px;
}


.item {
    display: block;
    border-bottom: 1px solid #dedede;
    padding: 10px;
    font-size: 11px;
    text-decoration: none;
}

.calendar_event_box .item .title {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.newsbox .item .title {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.calendar_event_box .item .calendar_event_body {
    color: #444;
}

.newsbox .item .news_body {
    color: #444;
}

.item:hover {
    background: #f1f1f1;
    color: #171B1E;
    text-decoration: none;
}

.item.active {
    background: #e2e2e2;
}

.item .more {
    color: #333;
    font-weight: bold;
}

#fancybox-wrap .item h5 {
    font-size: 12px;
}

#top-menu {
    height: 28px;
    line-height: 100%;
    background: #0084A9;
    color: #fff;
    width: 1220px;
    margin: -20px -20px 0px -20px;
    z-index: 10;
    position: relative;
}

    #top-menu a {
        color: #fff;
        text-decoration: none;
        line-height: 100%;
    }

    #top-menu ul {
        margin-bottom: 0;
    }

#breadcrumb > li {
    float: left;
    position: relative;
    background: url(/Content/images/bg-bread.png) no-repeat right center;
    height: 40px;
}

    #breadcrumb > li.last {
        background: none;
    }

    #breadcrumb > li > a,
    #breadcrumb > li > div {
        display: block;
        height: 28px;
        line-height: 38px;
        padding-left: 20px;
        font-size: 14px;
        padding-top: 1px;
    }

        #breadcrumb > li > div.icon {
            height: 40px;
            padding: 7px;
        }

    #breadcrumb > li > p {
        display: block;
        height: 28px;
        line-height: 28px;
        padding-left: 20px;
        margin-bottom: 0px;
    }

    #breadcrumb > li.has-drop > a {
        padding-right: 16px;
        background: url(/Content/images/has_drop.png) no-repeat right center;
    }

    #breadcrumb > li > div.has-drop {
        padding-right: 16px;
        background: url(/Content/images/has_drop.png) no-repeat right center;
    }


    #breadcrumb > li > a {
        background-color: inherit;
    }

#breadcrumb li > a:hover {
    text-decoration: underline;
}

#breadcrumb li .top-menu-drop, .top-menu-drop ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #0084A9;
    width: auto;
    min-width: 170px;
}

.top-menu-drop > ul > li {
    position: relative;
    display: block;
}

    .top-menu-drop > ul > li > ul {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        margin-top: 0 !important;
    }

.top-menu-drop a {
    display: block;
    padding: 5px 20px;
    text-align: left;
    border-bottom: 1px solid #0e91b6;
    font-size: 12px;
}

    .top-menu-drop a:hover, .top-menu-drop > ul > li:hover > a {
        background: #04508a;
        text-decoration: none !important;
    }

.top-menu-drop > ul > li.has-submenu > a {
    padding-right: 20px;
    background: url(/Content/images/has-submenu.png) no-repeat 95% center;
    font-size: 12px;
}

    .top-menu-drop > ul > li.has-submenu > a:hover, .top-menu-drop > ul > li.has-submenu:hover > a {
        padding-right: 20px;
        background: #04508a url(/Content/images/has-submenu.png) no-repeat 95% center;
    }

.top-menu-drop--has-scroll {
    max-height: 250px;
    overflow-y: scroll;
}


.complexdrop {
    cursor: default;
}

    .complexdrop .dropdownlook2 {
        display: none;
    }

    .complexdrop > a {
        font-size: 12px;
    }

.dropdownlook2 {
    position: absolute;
    top: 100%;
    width: 300px;
    padding: 10px 0;
    left: 50%;
    margin-left: -155px;
    max-height: 500px;
}

    .dropdownlook2 .wrapper {
        background: #fff;
        border: 1px solid #0084A9;
        position: relative;
        padding: 10px;
    }

        .dropdownlook2 .wrapper:before {
            display: block;
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -5px;
            margin-top: -10px;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 10px 10px 10px;
            border-color: transparent transparent #0084A9 transparent;
            z-index: 1;
        }

    .dropdownlook2 .title {
        margin: -10px;
        margin-bottom: 10px;
        background: #0084A9;
        color: #fff;
        padding: 0px 10px;
        font-weight: bold;
        clear: both;
        width: 100%;
    }

    .dropdownlook2 .innerscroll {
        width: 280px;
        max-height: 300px;
    }

    .dropdownlook2 .footer {
        background: #ccc;
        padding: 5px 10px;
        margin: 10px -10px -10px;
        line-height: 100%;
    }

.notif-list {
    width: 260px;
    padding-right: 20px;
}

    .notif-list li {
        padding: 10px 0;
        border-bottom: 1px dotted #aaa;
        overflow: hidden;
        clear: both;
    }

#user_menu ul > li .notif-list li a {
    display: inline;
}

#user_menu ul > li .notif-list li strong a {
    cursor: pointer;
    color: #0084A9;
}

.notif-list li .thumb {
    float: left;
    margin-right: 10px;
}

.notif-list p {
    line-height: 140%;
    float: none;
    overflow: hidden;
    margin-bottom: 0;
    color: #333;
    font-size: 12px;
}

    .notif-list p.contents {
        margin-bottom: 5px;
    }

        .notif-list p.contents .date {
            display: inline-block;
            float: right;
            color: #fff;
            padding: 1px 3px;
            line-height: 100%;
            background: #999;
        }

.tricks li {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}

.tricks h3 {
    margin-bottom: 0;
    border-bottom: 0;
}

    .tricks h3 .time-date {
        font-weight: normal;
        color: #888;
        font-size: 14px;
        width: 135px;
        display: inline-block;
    }

.tricks p {
    padding-left: 137px;
}

#steps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}


    #steps li span {
        font-size: 12px;
        display: block;
        padding-top: 5px;
        font-weight: bold;
    }

    #steps li.current {
        color: #FF8040;
        background: #eaeaea;
    }

        #steps li.current:after {
            content: "";
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 15px 0 15px 10px;
            border-color: transparent transparent transparent #eaeaea;
            position: absolute;
            right: -10px;
            top: 12px;
        }

.wizard-nav {
    overflow: hidden;
    clear: both;
    margin-left: -40px;
    border-top: 1px solid #ccc;
    padding: 5px 10px;
}

    .wizard-nav .prev {
        float: left;
    }

    .wizard-nav .next {
        float: right;
    }


.image-list {
    overflow: hidden;
    margin-left: -30px;
}

    .image-list.withscroll {
        width: 700px;
        height: 220px;
    }

fieldset .image-list {
    margin: 0 -10px 30px -70px;
}

#content .image-list li {
    float: left;
    overflow: hidden;
    width: 312px;
    height: 82px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #efefef;
    float: left;
    position: relative;
    margin: 0 0 30px 30px;
    cursor: pointer;
}

#content .image-list.withscroll li {
    width: 600px;
    margin-bottom: 10px;
}


.image-list li. thumb-description {
    overflow: hidden;
}

.image-list li h3 {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.image-list li input {
    visibility: hidden;
    position: absolute;
}

#content .image-list li p {
    margin-bottom: 0;
    height: 60px;
    overflow: hidden;
}

.image-list li .img-thumb {
    float: left;
    padding: 1px;
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 10px;
}

.image-list li .image-thumb-default {
    width: 200px;
    padding: 12px;
}

#content .image-list li:hover {
    background: #eaeaea;
}

#content .image-list li.selected, #content .image-list li.selected:hover {
    border: 1px solid #aaa;
    background: #dedede;
}

/* =OVERRIDE EXCEPTIONS
===========================================*/
.padding_right_5 {
    padding-right: 5px;
}
/*.unselectable 
{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    behavior: url(/Content/css/unselectable.htc);
}*/
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 12px;
}

.clearboth {
    clear: both;
}

.none {
    display: none;
}

.text_center {
    text-align: center !important;
}

.text_right {
    text-align: right;
}

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.relative {
    position: relative;
}

.block {
    display: block;
}

.inline_block {
    display: inline-block;
}

* .last {
    margin-right: 0;
}

.pl20 {
    padding-left: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb20 {
    margin-bottom: 20px;
}

.pl40 {
    padding-left: 40px;
}

.fixed_table {
    /*table-layout:fixed;*/
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.transparent {
    background-color: transparent;
}

.blue_color {
    /*color:#0084A9;*/
    color: #333333;
}

.green_color {
    color: Green;
}

.red_color {
    color: #e4610f;
}
/* END OVERRIDE EXCEPTIONS
===========================================*/

#content .content_box_wrapper .article {
    margin-bottom: 10px;
    border-bottom: 1px dotted #aaa;
}

#content .content_box_wrapper .image_box {
    margin-bottom: 10px;
    position: relative;
    height: 200px;
}

    #content .content_box_wrapper .image_box #prev,
    #content .content_box_wrapper .image_box #next {
        position: absolute;
        height: 200px;
        top: 0px;
        width: 16px;
    }

        #content .content_box_wrapper .image_box #prev div.arrow {
            cursor: pointer;
            height: 16px;
            width: 16px;
            position: absolute;
            top: 45%;
            background-image: url(/Content/images/ico_prev.png);
            background-position: center center;
            background-repeat: no-repeat;
        }

        #content .content_box_wrapper .image_box #next div.arrow {
            cursor: pointer;
            height: 16px;
            width: 16px;
            position: absolute;
            top: 45%;
            background-image: url(/Content/images/ico_next.png);
            background-position: center center;
            background-repeat: no-repeat;
        }

        #content .content_box_wrapper .image_box #prev div.arrow:hover {
            background-image: url(/Content/images/ico_prev_hover.png);
        }

        #content .content_box_wrapper .image_box #next div.arrow:hover {
            background-image: url(/Content/images/ico_next_hover.png);
        }

    #content .content_box_wrapper .image_box #prev {
        left: 0px;
    }

    #content .content_box_wrapper .image_box #next {
        right: 0px;
    }

    #content .content_box_wrapper .image_box p {
        position: absolute;
        text-align: center;
        top: 0px;
        left: 17px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

        #content .content_box_wrapper .image_box p.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }
/* -------------------------------------- */
div#edit_component {
    text-align: left;
}

    div#edit_component #content p,
    div#edit_component #content ul,
    div#edit_component #content table,
    div#edit_component #content form {
        margin: 0;
    }

.save_cancel {
    text-align: right;
    display: inline-block;
    margin: 10px 10px 0px 10px !important;
}

    .save_cancel button,
    .save_cancel a {
        cursor: pointer;
    }

.button:disabled {
    background: #AAAAAA;
    border-color: #AAAAAA;
}

div#edit_component h3 {
    color: #e4610f;
    margin: 10px 10px 10px 10px;
    text-align: left;
    border: none;
    line-height: 18px;
}

div#edit_component #content_wrapper {
    position: relative;
}

    div#edit_component #content_wrapper h1 {
        padding-top: 0px;
    }

#grid_pages {
    float: left;
    margin-top: 10px;
}

#grid_pagesize {
    float: right;
    margin-top: 2px;
    font-size: 11px;
    font-weight: bold;
    color: #3D3D3D;
}

    #grid_pagesize select {
        margin-top: 2px;
        background: #fff;
        border: 1px solid #ccc;
        padding: 2px;
        background: url(/Content/images/bg_inputs.png) no-repeat;
        color: #666;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

div#edit_component #grid_wrapper {
    padding: 5px;
    height: 510px;
    /*border:1px solid #ccc;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*border-radius: 5px;*/
}

    div#edit_component #grid_wrapper .gallery_container {
        /* border: 1px solid #ccc;*/
        height: 480px;
        width: 786px;
        overflow-y: auto;
    }

    div#edit_component #grid_wrapper #grid table:nth-child(1) tr {
        cursor: pointer;
    }

        div#edit_component #grid_wrapper #grid table:nth-child(1) tr:hover {
            background-color: #ffc;
        }

div#edit_component #input_form {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 525px;
}

iframe#upload_iframe {
    border: none;
    background-color: #fff;
    width: 0px;
    height: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
}

div#edit_component #input_form h2 {
    margin-bottom: 10px;
}

div#edit_component #input_form form {
    padding: 10px;
    background-color: #fff;
    position: absolute;
    top: 140px;
    left: 140px;
    width: 500px;
    border: 1px solid #222222;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    div#edit_component #input_form form.news_input {
        top: 0px;
        left: 25px;
        width: 730px;
    }

        div#edit_component #input_form form.news_input table {
            width: 100%;
        }

    div#edit_component #input_form form.calendar_event_input {
        top: 0px;
        left: 25px;
        width: 730px;
    }

        div#edit_component #input_form form.calendar_event_input table {
            width: 100%;
        }

div#edit_component #input_form textarea {
    resize: vertical;
    /*width:95% !important;*/
}

div#edit_component #input_form td.label {
    width: 75px;
    text-align: right;
    vertical-align: top;
    padding-top: 4px;
}

    div#edit_component #input_form td.label label,
    div#edit_component #input_form td.label span {
        line-height: 22px;
    }

input.fake_file {
    cursor: default;
    width: 315px;
}

#upload_browse {
    cursor: pointer;
    position: relative;
    width: 60px;
    overflow: hidden;
    text-align: center;
    vertical-align: text-top; /*middle*/
    height: 16px;
    /*margin-top:-5px;*/
}

    #upload_browse input[type="file"] {
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
        position: absolute;
        direction: ltr;
        margin: 0px;
        right: 0px;
        top: 0px;
        width: 220px;
        cursor: pointer;
    }

textarea.invalid,
select.invalid,
input.invalid {
    background-color: #FBD4D4 !important;
    background-image: none;
}

div.invalid {
    border: 1px dotted:#f00;
    padding: 3px;
    font-size: 10px;
    font-weight: bold;
    display: block;
    clear: both;
    color: #F00;
}

div#edit_component .valid {
    background-color: #E0FCE2 !important;
    background-image: none;
}

div#edit_component .msg {
    display: none;
    margin-top: 0px;
    margin-bottom: 0px !important;
    width: auto;
}

.warning {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-image: url(/Content/images/ico_warning_small.png);
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 3px;
}

/*ul.grid_menu 
{
    padding:0;
    margin:0;
    margin-bottom:0px !important;
    list-style-type:none;
    height:25px;
    padding-left:10px;
}
ul.grid_menu a 
{
    text-decoration:none;
    line-height:23px;
}
ul.grid_menu li 
{
    float:left;
    margin:0;
    margin-right:5px;
    padding:2px 5px;
    /*height:22px;*/
/*line-height:22px;*/
/* border:1px solid #fff;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    border-radius:3px;
}
ul.grid_menu li:hover 
{*/
/*cursor:pointer;*/
/*border: 1px solid #bbb;*/

/* background-color: #D5EFFF;
    border: 1px solid #62B7ED;
}
ul.grid_menu li.refresh 
{
    background-image: url(/Content/images/ico_refresh_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.new
{
    background-image: url(/Content/images/document_add_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.open 
{
    background-image: url(/Content/images/document_open_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.properties 
{
    background-image: url(/Content/images/ico_gear_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.edit 
{
    background-image: url(/Content/images/document_edit_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.default 
{
    background-image: url(/Content/images/document_default_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.security 
{
    background-image: url(/Content/images/lock_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}
ul.grid_menu li.delete 
{
    background-image: url(/Content/images/document_delete_small.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding-left:25px;
}*/
/* Begin page container */
#page_container ul.column_menu {
    border-bottom: 1px dotted #AAAAAA;
    padding: 0;
    margin: 0;
    margin-bottom: 10px !important;
    list-style-type: none;
    height: 25px;
    padding-left: 10px;
}

    #page_container ul.column_menu > li {
        float: left;
        position: relative;
    }

    #page_container ul.column_menu li.new_component {
        padding: 2px 2px 2px 2px;
        background-color: transparent;
    }

        #page_container ul.column_menu li.new_component i {
            padding-right: 5px;
        }

    #page_container ul.column_menu li > ul {
        background-color: #fff;
        display: none;
        position: absolute;
        min-width: 120px;
        left: -20px;
        top: 14px;
        border: 1px solid #CCCCCC;
    }

#page_container ul.menu {
    border: 1px solid #CCCCCC;
    -moz-box-shadow: 2px 2px 4px #ccc;
    -webkit-box-shadow: 2px 2px 4px #ccc;
    box-shadow: 2px 2px 4px #ccc;
    z-index: 99999;
}

    #page_container ul.menu li {
        padding: 2px 2px 2px 20px;
        background-image: url(/Content/images/right_arrow_link.gif);
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: 7px 7px;
        clear: both;
        margin-bottom: 4px;
        float: none;
    }


/* End page container */
.tipsy_trigger {
    cursor: pointer;
}

.error_container {
    text-align: left;
}

    .error_container h1 {
        border-bottom: 1px solid #CCCCCC;
        color: #FF8040;
        font: 23px/110% Arial,Helvetica,Verdana,Geneva,sans-serif;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .error_container h2 {
        color: #0084A9;
        font: 21px/110% Arial,Helvetica,Verdana,Geneva,sans-serif;
        margin-bottom: 10px;
    }

.form_container {
    text-align: center;
}

    .form_container h3 {
        font: 17px/110% Arial,Helvetica,Verdana,Geneva,sans-serif;
        margin-bottom: 10px;
    }

    .form_container form {
        margin-bottom: 0;
    }
    /* Begin chosen overrides */
    .form_container .chzn-container a,
    .form_container .chosen-container a {
        /*
    -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	*/
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: color 0 ease-in;
        -ms-transition: none;
        transition: none;
    }

    .form_container .chzn-container ul, .form_container .chzn-container ul li,
    .form_container .chosen-container ul, .form_container .chosen-container ul li {
        margin-bottom: 0px !important;
    }
/* End chosen overrides */
/* Begin grid */
.grid_wrapper {
    display: table;
}

    .grid_wrapper table {
        margin: 0px !important;
    }

    .grid_wrapper .grid_content {
        height: 275px;
        overflow: visible;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

        .grid_wrapper .grid_content table {
            border: none;
        }

            .grid_wrapper .grid_content table tbody td {
                /*padding: 5px;*/
            }

            .grid_wrapper .grid_content table th,
            .grid_wrapper .grid_content table thead th,
            .grid_wrapper .grid_content table thead td {
                border: none;
                padding: 0px 5px;
            }
/* End grid */
.form_container table {
    table-layout: fixed;
}

.form_container td.label {
    text-align: right;
    width: 120px;
    vertical-align: top;
    padding-top: 4px;
}

.form_container td.input {
    /*width:410px;*/
}

.form_container td.info {
    vertical-align: top;
    padding-top: 8px;
    width: 50px;
}

.form_container label {
    font-size: 12px;
    font-family: Tahoma,Arial,Verdana,sans-serif;
    line-height: 22px;
}

.form_container .error label {
    font-size: 10px;
    font-family: Tahoma,Arial,Verdana,sans-serif;
    line-height: 15px;
}

.form_container textarea {
    resize: vertical;
    height: 75px;
    max-height: 200px;
}
/* Begin layout select */
.form_container td.input #scrollbar {
    width: 400px;
    margin: 0px;
}

    .form_container td.input #scrollbar .viewport {
        width: 400px;
        height: 110px;
        overflow: hidden;
        position: relative;
    }

    .form_container td.input #scrollbar .overview {
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0px !important;
    }

    .form_container td.input #scrollbar .scrollbar {
        background: transparent url(/Content/images/bg-scrollbar-track-x.png) no-repeat 0 0;
        position: relative;
        margin: 0 0 5px;
        clear: both;
        height: 15px;
    }

    .form_container td.input #scrollbar .track {
        background: transparent url(/Content/images/bg-scrollbar-trackend-x.png) no-repeat 100% 0;
        width: 100%;
        height: 15px;
        position: relative;
    }

    .form_container td.input #scrollbar .thumb {
        background: transparent url(/Content/images/bg-scrollbar-thumb-x.png) no-repeat 100% 50%;
        height: 25px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: -5px;
    }

        .form_container td.input #scrollbar .thumb .end {
            background: transparent url(/Content/images/bg-scrollbar-thumb-x.png) no-repeat 0 50%;
            overflow: hidden;
            height: 25px;
            width: 5px;
        }

    .form_container td.input #scrollbar .disable {
        display: none;
    }


ul.layout_select {
    clear: both;
    list-style-type: none;
    white-space: nowrap;
}

    ul.layout_select li {
        display: inline-block;
        position: relative;
        cursor: pointer;
        /*float:left;*/
        text-align: left;
        width: 90px;
        padding: 5px;
        /*margin-right:5px;*/
        border: 1px solid transparent;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        ul.layout_select li:hover {
            border: 1px solid #ccc;
            background-color: #eee;
            -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px px 2px rgba(0, 0, 0, 0.2);
        }

        ul.layout_select li.active {
            background-color: #D5EFFF;
            border: 1px solid #62B7ED;
        }

        ul.layout_select li div.picture {
            position: relative;
            text-align: center;
        }

            ul.layout_select li div.picture span {
                position: absolute;
                right: 7px;
                top: -4px;
                width: 16px;
                height: 16px;
                background-image: url(/Content/images/template_check_small.png);
                background-repeat: no-repeat;
                display: none;
            }

        ul.layout_select li.active div.picture span {
            display: block;
        }

        ul.layout_select li div.picture img {
            background: #fff;
            border: 1px solid #ddd;
            margin-bottom: 5px;
            -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
            -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
            box-shadow: 0px px 5px rgba(0, 0, 0, 0.33);
        }

        ul.layout_select li input {
            cursor: pointer;
        }

        ul.layout_select li div.text {
            height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* End layout select */
#project_main_layout {
    position: relative;
    width: 100%;
    height: 400px;
    border: 1px solid #aaa;
    /*height:500px;*/
}

div#project_main_layout #input_form {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    min-height: 400px;
    /*height:400px;*/
    /*height:500px;*/
    background-color: transparent;
    z-index: 99999;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

    div#project_main_layout #input_form form {
        padding: 10px;
        background-color: #fff;
        position: absolute;
        top: 10px;
        left: 150px;
        width: 600px;
        border: 1px solid #222222;
        -webkit-box-shadow: 0px 0px 4px #000;
        -moz-box-shadow: 0px 0px 4px #000;
        box-shadow: 0px 0px 4px #000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 0px;
    }

.error_msg {
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #f00;
}

.dotted_line {
    height: 10px;
    border-bottom: 1px dotted #BEBEBE;
}

.login_form {
    width: 30%;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 4px #ccc;
    -moz-box-shadow: 0px 0px 4px #ccc;
    box-shadow: 0px 0px 4px #ccc;
}

    .login_form label {
        font-weight: bold;
    }

    .login_form fieldset {
        border: none;
        padding: 10px 40px;
    }

.login_buttons {
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0px !important;
}

.fancy_mask {
    z-index: 999999;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.chzn-container .chzn-results,
.chosen-container .chosen-results {
    max-height: 200px !important;
}

#invite .chzn-container .chzn-results,
#invite .chosen-container .chosen-results {
    max-height: 150px !important;
}

.container_scroll {
    height: 352px;
    overflow: auto;
    margin-bottom: 10px;
}

.container_noscroll {
    height: 350px;
    margin-bottom: 10px;
}

.document_container table {
    /*width:auto !important;*/
}

.grid_border {
    height: 350px;
    margin-bottom: 10px;
    border: 1px solid #aaa;
}

.document_container div[id^="files_grid"] .files_header {
    display: block;
    overflow: hidden;
    height: 31px;
}

.document_container div[id^="files_grid"] .files_content {
    height: 310px;
    overflow: auto;
}

    .document_container div[id^="files_grid"] .files_content table th,
    .document_container div[id^="files_grid"] .files_content table thead th,
    .document_container div[id^="files_grid"] .files_content table thead td {
        /*border:none;*/
        border-color: #eee;
        padding: 0 5px;
    }

.files_content {
    overflow-x: hidden;
}

.files_header table.listing_table {
    min-width: 510px;
    width: 100%;
}

.hidden_iframe {
    border: none;
    background-color: #fff;
    width: 0px;
    height: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#nr_rows {
    display: inline-block;
    float: none;
}

.message_container {
    min-height: 400px;
    clear: both;
    overflow: auto;
}

.alert_container {
    width: 500px;
    text-align: left;
}

    .alert_container p {
        margin: 5px;
    }


.dhtmlxMebu_SubLevelArea_Tbl {
    margin-bottom: 0px !important;
}


#old_browser_alert {
    background: #fff883 !important;
    border-bottom: 1px solid #d1c947;
}

.old_container {
    width: 925px;
    padding: 10px 0;
    text-align: left;
    margin: 0 auto;
    padding-left: 40px;
    background: url(/Content/images/warning_big.gif) no-repeat left 2px;
    z-index: 0;
}

/*ehelp*/
@charset "UTF-8";
/*
 * EmbeddedHelp v1.1.3 - jQuery help plugin
 * file: jquery.ehelp.css
 * Copyright (c) 2010 Josip Kalebic
 * josip.kalebic@gmail.com, www.embedded-help.net
 *
 * Dual licensed under the MIT and GPL licenses:
 * 	http://www.opensource.org/licenses/mit-license.php
 * 	http://www.gnu.org/licenses/gpl.html
 *
*/

.EHmarker {
    border: 2px solid #FF0000;
}

#EHhelpBox {
    position: relative;
    padding: 0 10px 10px 10px;
    position: absolute;
    left: 320px;
}

    #EHhelpBox .title {
        color: red;
    }

    #EHhelpBox a {
        color: #000;
        text-decoration: none;
    }

        #EHhelpBox a:hover {
            color: red;
            text-decoration: none;
        }

#EHpointer {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    display: none;
    background: transparent url(/Content/css/cursor.png) 0 0 no-repeat;
    z-index: 100;
}

#EHtooltip {
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
    font-size: 11px;
    z-index: 100;
}

.EHtooltipc {
    position: absolute;
    border: 2px solid #fff;
    background: #DE4614;
    padding: 0;
    margin: 0;
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 12px;
    z-index: 100;
    font-weight: bold;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 2px #000;
    -moz-box-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0px 2px #000;
}

    .EHtooltipc:hover {
        z-index: 100;
    }

    .EHtooltipc span {
        color: white;
        float: left;
        margin: 0;
        padding: 2px 4px;
        position: relative;
    }

.EHtooltmp {
    position: absolute;
    background: #DE4614;
    padding: 0;
    margin: 0;
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 10px;
    z-index: 100;
    margin-left: -18px;
    padding: 0 5px 2px 20px;
    font-weight: bold;
    margin-top: 0px;
    border: 1px solid #fff;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 2px #000;
    -moz-box-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0px 2px #000;
}

    .EHtooltmp:hover {
        /*  color: #fff;
     background: #333;*/
    }

    .EHtooltmp p {
        margin: 0;
        display: block;
        position: relative;
        float: left;
        padding: 3px;
        width: auto;
    }

    .EHtooltmp a.EHclose {
        background-color: #FF0000;
        border: 2px solid white;
        color: white;
        float: left;
        margin: 0;
        padding: 2px 4px;
        position: relative;
        font-weight: bold;
        display: block;
    }

.EHtoolgost {
    position: absolute;
    border: 1px solid #999;
    background: #eee;
    padding: 0;
    margin: 0;
    color: #666;
    display: none;
    font-size: 11px;
    line-height: 11px;
    z-index: 100;
}

    .EHtoolgost span {
        background-color: #eee;
        border: 2px solid white;
        color: #666;
        float: left;
        margin: 0;
        padding: 2px 4px;
        position: relative;
    }

.EHclose {
    display: none !important;
}

.find {
    background: #fff;
    border: 1px solid #ccc;
    background: url(/Content/images/bg_inputs.png) no-repeat;
    color: #666;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial,Helvetica;
    cursor: auto;
}

.compose {
    float: right;
    margin-top: -4px;
}

.breadcrumb {
    margin-bottom: 20px;
    padding-bottom: 2px;
    padding-left: 25px;
}

    .breadcrumb li {
        float: left;
        padding-right: 10px;
    }

        .breadcrumb li a, .breadcrumb li {
            font: bold 13px/100% Arial,Helvetica,Verdana,Geneva,sans-serif;
        }

.custom_list {
    margin-bottom: 20px;
    clear: both;
}

.custom_list {
    list-style-type: none;
    margin-left: 0;
}

    .custom_list li {
        margin-bottom: 10px;
        padding-left: 55px;
        clear: both;
        overflow: hidden;
    }

    .custom_list input {
        float: left;
        margin-left: -55px;
        display: inline;
    }

    .custom_list p {
        margin-bottom: 2px;
    }

.custom_description {
    overflow: hidden;
    width: auto;
}

*:first-child + html .custom_description {
    float: left;
}

.custom_list .cart_icon {
    float: left;
    margin-left: -30px;
    border: none !important;
    display: inline;
}

/* fix dhtmlx grid in IE10 */
.hdr tr {
    position: relative !important;
}

.obj tr {
    position: relative !important;
}

/* =BLOG
===========================================*/
p.author {
    color: #888;
}

.post-body {
    padding-bottom: 30px;
}

.comment .author {
    padding-top: 5px;
    border-top: 1px dotted #ccc;
    margin-bottom: 30px;
    margin-top: 5px;
}

.reply-link {
    display: none;
}

.comment:hover .reply-link {
    display: block;
}

.tags {
    padding-top: 10px;
}

    .tags img {
        vertical-align: middle;
    }



/* =OVERRIDE EXCEPTIONS
===========================================*/
.clearboth {
    clear: both;
}

.none {
    display: none;
}

.text_center {
    text-align: center !important;
}

.text_right {
    text-align: right;
}

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.relative {
    position: relative;
}

.block {
    display: block;
}

.inline_block {
    display: inline-block;
}

* .last {
    margin-right: 0;
}

.pl20 {
    padding-left: 20px;
}

/*=============================*/
.panel-info {
    background-color: #FFF8BD;
    border-color: #FFD600;
    background: #FFB url(/Content/images/warning_big.gif) no-repeat;
    padding: .75em;
    padding-left: 30px;
    position: absolute;
    bottom: 55px;
    width: 867px;
    margin-left: -305px;
}


/* =TIMELINE
===========================================*/
.timeline {
    position: relative;
    margin-bottom: 20px;
    *zoom: 1;
}

    .timeline:before {
        content: '';
        display: block;
    }

    .timeline:after {
        content: '';
        display: table;
        clear: both;
    }

    .timeline .spine {
        width: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -2px;
        background: #ddd;
        z-index: 0;
    }

    .timeline .tl-separator {
        margin: 0 auto;
        width: 200px;
        background: #15739d;
        color: #fff;
        text-align: center;
        z-index: 2;
        clear: both;
        margin-bottom: 20px;
        padding: 3px 10px;
        font-weight: bold;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .timeline .tl-left {
        float: left;
        width: 50%;
    }

    .timeline .tl-right {
        float: right;
        width: 50%;
        padding-top: 35px;
    }

    .timeline .tl-item {
        width: 93%;
        position: relative;
        padding: 20px;
        border: 1px solid #ddd;
        margin-bottom: 20px;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .timeline .tl-right .tl-item {
        float: right;
    }

    .timeline .tl-item:before {
        display: block;
        content: "";
        width: 5%;
        position: absolute;
        height: 0;
        top: 15px;
        left: 100%;
        border-bottom: 1px dotted #ddd;
    }

    .timeline .tl-right .tl-item:before {
        left: auto;
        right: 100%;
    }

    .timeline .tl-item:after {
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        background: #ddd;
        border: 2px solid #fff;
        z-index: 1;
        position: absolute;
        top: 10px;
        right: -32px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        box-shadow: 0 0 1px 1px #dddddd;
        -moz-box-shadow: 0 0 1px 1px #dddddd;
        -webkit-box-shadow: 0 0 1px 1px #dddddd;
    }

    .timeline .tl-right .tl-item:after {
        right: auto;
        left: -31px;
    }

    .timeline .tl-item:hover {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    }

        .timeline .tl-item:hover:after {
            background: #fff;
        }

    .timeline .tl-date {
        background: #eee;
        border-bottom: 1px solid #ddd;
        font-size: 11px;
        font-weight: bold;
        margin: -20px;
        margin-bottom: 20px;
        padding: 5px 20px;
    }

    .timeline .tl-more {
        font-size: 10px;
        font-weight: bold;
        text-align: right;
        margin-bottom: -10px;
    }

        .timeline .tl-more a {
            display: block;
        }

    .timeline h3 {
        color: #333;
        font: 14px/110% Arial, Helvetica, Verdana, Geneva, sans-serif;
        margin-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold !important;
    }

.tl-separator-events {
    margin: 0 auto;
    background: #eee;
    text-align: center;
    z-index: 2;
    clear: both;
    margin-bottom: 20px;
    padding: 3px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px dashed #ccc;
    color: #333;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 140%;
}

.timeline .tl-content {
    overflow: auto;
}

.tl-show-more {
    float: inherit;
    display: inherit;
    margin: 0 auto;
}

.separator_accordion {
    margin-top: 20px;
}

.calendar_future_events h3, .calendar_passed_events h3 {
    line-height: 20px;
    padding-left: 25px;
}

.bold {
    font-weight: bold;
}

table.versions_grid tr th, table.versions_grid tr td {
    border-bottom: 1px solid #EEE !important;
    padding: 5px !important;
}

#folder_title {
    height: 19px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#open_search {
    cursor: pointer;
    vertical-align: middle;
    float: right;
}

#display_search {
    display: none;
    height: 19px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#stext {
    width: 170px;
    padding: 0px 0px 0px 1px;
    margin: 0px;
}

#close_search {
    cursor: pointer;
    vertical-align: middle;
    float: right;
}

#search_user {
    width: 150px;
    display: none;
    margin-top: -10px;
    margin-bottom: 9px;
}

#tree_subsites {
    width: 25%;
    height: 99%;
    background-color: white;
    float: left;
    margin-top: 0px
}

.menu_users {
    margin-top: -1px;
    margin-bottom: 10px;
}

.menu_activities {
    margin-top: 2px;
    margin-bottom: 4px;
}

.form_rows_per_page {
    float: right;
    font-weight: bold;
    position: relative;
    display: inline-block;
}

    .form_rows_per_page div {
        display: inline-block;
        position: relative;
    }

#rows_per_page {
    width: 55px;
}

#parent_div {
    overflow: auto;
    height: 298px;
    width: 314px;
    margin-top: 9px;
    border: 1px solid #eee;
}

.security_header {
    width: 690px;
    float: left;
    position: absolute;
    margin-left: -314px;
    margin-top: 10px;
}

.div_grid_wrapper {
    height: 30px;
    margin-bottom: -25px;
    margin-top: -10px;
}

.div_edit_calendar_events {
    width: 790px;
    height: 430px;
}

#grid_pages {
    margin-top: 10px;
}

.menu_search {
    top: 10px;
    left: 680px;
}

.form_contact label {
    font-size: 11px;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    line-height: 22px;
}

.form_contact td {
    text-align: right;
}

    .form_contact td input {
        width: 250px;
    }

.invalid {
    text-align: left;
}

.body_edit_component {
    background: none;
}

.password {
    width: 144px !important;
}

.fakepassword {
    width: 144px !important;
}

.change_color:hover {
    background: #f1f1f1;
}

#table_parent {
    width: 910px;
    height: 381px;
}

#tree_security {
    background-color: white;
}

#gridbox_menu {
    width: 55%;
    height: 95%;
    background-color: white;
    float: left;
}

#gridbox_pages {
    width: 43%;
    height: 95%;
    background-color: white;
    float: left;
    margin-left: 20px;
}

#gridbox_footer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 460px;
}

#fancy_help {
    overflow-y: auto;
    text-align: left;
}

#div_edit_subsites {
    overflow: hidden;
    position: relative;
    height: 460px;
}

#div_edit_pages {
    width: 73%;
    height: 460px;
}

#project_main_layout {
    width: 99%;
    height: 95%;
    background-color: white;
}

.box_title {
    border-bottom: 1px solid #CCCCCC;
    color: #FF8040;
    font: bold 23px/110% Arial,Helvetica,Verdana,Geneva,sans-serif;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 2px;
    font-weight: bold !important;
}

.no_box_title {
    border-bottom: 0px !important;
}

#grid_wrapper2 {
    height: 30px;
    margin-bottom: -25px;
    margin-top: -10px;
}

.footer_windows_azure a {
    margin-top: -20px;
    display: inline-block;
}

.box_codetable {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.ct_filter {
    max-width: 590px;
    margin-top: 2px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 2px;
    background: url(/Content/images/bg_inputs.png) no-repeat;
    color: #666;
}

.empty_language {
}

.ref-left {
    width: 200px;
    float: left;
    padding-right: 10px;
}

.ref-right {
    width: 960px;
    float: left;
}

.translations {
    float: right;
    margin-left: 10px;
}

    .translations a.flag {
        display: block;
        float: left;
        margin: 0 5px 5px 0;
        width: 25px;
        padding: 3px 0;
        border: 1px solid #ccc;
        text-align: center;
        text-decoration: none;
    }

        .translations a.flag.active {
            background: #0084A9;
            border-color: #0084A9;
            color: #fff;
        }



.ref-tab ul {
    margin-bottom: 0;
}

.ref-tab li {
    float: left;
    margin-right: 2px;
    margin-bottom: 0 !important;
}

    .ref-tab li a {
        display: block;
        padding: 7px 5px;
        font-weight: bold;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        background: #eee;
    }

.tree-container {
    height: 200px;
    margin-bottom: 20px;
    overflow-y: scroll;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.ref-detail {
    word-wrap: break-word;
}

#wizard-submit {
    font-weight: normal;
}

.selectable-container {
    max-height: 440px;
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    margin-top: 20px;
    bottom: 0;
    /*	height:87vh;*/
}

.selectable-drop {
    margin-bottom: 0;
}

    .selectable-drop li {
        border-bottom: 1px solid #ccc;
        background: #EFEEEE;
        margin-bottom: 1px !important;
        cursor: pointer;
        padding: 5px;
    }

.selectable input {
    padding-right: 20px !important;
    background: url(/Content/images/find.png) no-repeat 98% center !important;
    width: 176px;
}

.selectable-drop li:last-child {
    margin-bottom: 0px !important;
}

.selectable-drop li:hover {
    background: #ccc;
    color: #222;
}

.selectable-drop li.ui-selected {
    background: #e4610f;
    color: #fff;
}

.selectable {
    margin-top: -9px;
}

.activities_list td:last-child, .activities_list th:last-child {
    display: none;
}

.activities_list tr td:nth-child(2) {
    border-right: 1px solid #eee;
}

table.asset_history tr td {
    background: #DFDDDD;
}

table.asset_history tr th {
    border-bottom: 1px solid #AAAAAA !important;
}

a.cke_dialog_ui_button.cke_dialog_ui_button_ok {
    background: #e4610f !important;
}

a.cke_dialog_ui_button_ok:hover {
    border-color: #e4610f !important;
}

a.cke_dialog_ui_button_ok span {
    text-shadow: 0 -1px 0 #e4610f !important;
}

a.cke_dialog_ui_button_ok {
    border-color: #e4610f !important;
    text-shadow: 0 -1px 0 #e4610f !important;
}

.Requirement p, .Reference p {
    margin-bottom: 0px !important;
}

table.listing-table tr td.Requirement ul,
table.listing-table tr td.Reference ul,
table.listing-table tr td div.Requirement ul {
    list-style: initial;
    list-style-type: disc;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    table.listing-table tr td.Requirement ul.chosen-results,
    table.listing-table tr td.Reference ul.chosen-results {
        padding-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px !important;
    }

table.listing-table tr td.Requirement ol,
table.listing-table tr td.Reference ol {
    list-style: initial;
    list-style-type: decimal;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.activities_list_div {
    max-height: 288px;
    overflow-x: hidden;
    overflow-y: auto;
}

.jqplot-point-label {
    color: #fff;
}

.content_box_wrapper {
    overflow: visible;
}

.freetext_box {
    overflow: auto;
}

.reporting_box .chosen-container {
    width: 200px !important;
    text-align: left;
}

.reporting_box {
    text-align: right;
    font-size: 13px;
}

input.ct_filter::-ms-clear {
    display: none;
}

#popup_panel a {
    cursor: pointer;
}

input[type=checkbox].checkbox-mvc {
    display: none;
}
/* 
- Style each label that is directly after the input
- position: relative; will ensure that any position: absolute children will position themselves in relation to it
*/

label.checkbox-mvc-label {
    position: relative;
    height: 15px;
    width: 15px !important;
    display: inline-block;
    border: solid 1px #ccc;
    box-shadow: 0 0 1px #ccc;
    cursor: pointer;
}


    label.checkbox-mvc-label:hover,
    label.checkbox-mvc-label.checked {
        border: solid 1px #ccc;
        box-shadow: 0 0 1px #ccc;
        /* Soften the jagged edge */
    }

        label.checkbox-mvc-label.checked:after {
            content: '\2714';
            content is required, though it can be empty - content: '';
            height: 1em;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            color: #333333;
            line-height: 1;
            font-size: 14px;
            text-align: center;
        }



/** Site component - Requirements - Import requirements button */
.download-template,
.upload-template {
    padding: 5px 0;
}

    #import_requirement_button,
    .download-template a {
        background: #ff6a00;
        color: white !important;
    }

.dialog-text {
    font-size: 14px;
    line-height: 24px;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.custom-file-input {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 36px;
    opacity: 0;
    cursor: pointer;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    cursor: pointer
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "@Resources.Resource.LBL_Browse";
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    margin-right: -1px;
    border-radius: 0 .25rem .25rem 0;
}

.custom-file-label:hover {
    background-color: #f6f6f6;
}

.selected-file-name {
    padding: 0 10px;
    font-style: italic;
}

form {
    background: transparent;
}

.form-content::after {
    display: block;
    clear: both;
    content: "";
}

.ui-dialog {
    box-shadow: 0px 0px 150px !important;
}

.import-requirement-dialog {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 300px;
}

.import-requirement-dialog-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#import_requirement_button,
#import_cancel_button {
    margin-right: 10px;
}

.upload-loading {
    padding: 3px;
}

    .upload-loading .spin {
        height: 28px;
        width: 28px;
        border: 3px solid #dddddd;
        border-top-color: #ff6a00;
        border-radius: 25px;
        animation: spin 1s infinite linear;
    }

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dialog-text {
    display: flex;
    align-items: center;
}

.dialog-content {
    margin-left: 38px;
}

.dialog-number {
    width: 30px;
    height: 28px;
    line-height: 28px;
}

.circle {
    border-radius: 25px;
    background-color: #ff6a00;
    color: white;
    font-weight: bold;
    text-align: center;
}

.ui-widget-header {
    background: #ff6a00 50% 50% repeat-x !important;
}

#import_cancel_button {
    color: #ff6a00;
    text-decoration: none;
}