@font-face {
    font-family: bryantbold;
    src: url('../fonts/bryant-bold.ttf');
}

body {
    font-family: Helvetica;
}

#main_wrapper {
    background-image: none;
    background-color: #000000;
}

#logo {
    background-image: url("../images/logos/cellc-main-nav-ui-icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 44px;
    overflow: hidden;
    width: 93px;
    margin-top: 12px;
    margin-left: 25px;
}

#main_wrapper {
    height: 60px;
}

.login_status {
    color: #fff;
}

ul.menu {
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
}

ul.menu,
ul.menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    width: 15em;
}

ul.menu a {
    display: block;
    text-decoration: none;
}

ul.menu li {
    margin-top: 1px;
    xborder-right: 1px solid black;
}

ul.menu li a {
    background: #333;
    color: #fff;
    padding: 0.5em;
}

ul.menu li a:hover {
    background: #000;
}

ul.menu li ul li a {
    background: #ccc;
    color: #000;
    padding-left: 20px;
}

ul.menu li ul li a:hover,
ul.menu li ul li.active a {
    background: #aaa;
    border-left: 5px #028BC4 solid;
    padding-left: 15px;
}

ul#navlist {
    background-image: url('../images/secondary_navbar.png');
}

#navlist a:link,
#navlist a:visited {
    color: #fff;
    text-decoration: none;
}

#navlist a:hover,
#navlist li.active a {
    color: #fff;
    background-color: #01A0E1;
    background-image: none;
    background-repeat: repeat-x;
}

#login-nav li a {
    color: #fff;
}

#login-nav li a:active,
#login-nav li a:hover {
    color: #fff;
}

#login-nav li {
    background: url('../images/cellc/cellc_home_button.png');
    color: #000;
    width: 79px;
    height: 22px;
}

#login-nav li a {
    display: block;
    width: 79px;
    height: 22px;
}

#login-nav li.active a.logout_button {
    display: block;
    width: 79px;
    height: 22px;
    color: #fff !important;
}

#login-nav li:hover,
#login-nav li.active,
#login-nav li.focus {
    background-image: url('../images/cellc/cellc_home_button_hover.png');
    cursor: pointer;
    color: #037AAB !important;
}

#mtn_button {
    background-image: none;
    background-repeat: repeat;
    width: 32px;
    height: 27px;
    position: absolute;
    right: 186px;
    top: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
}


/* Please Login */

#box .block h2 {
    background-color: #000;
    color: #fff;
}

a.button,
a.button:link,
a.button:visited,
button.button,
button.button:active {
    background: #00a1e2;
    border: 2px solid #00a1e2;
    text-transform: uppercase;
    font-family: bryantbold, "MuseoSans500", helvetica, arial, sans-serif;
    font-weight: normal;
    -moz-border-radius: 3px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

a.button.button-awaiting-repair:active,
a.button.button-awaiting-repair:link,
a.button.button-awaiting-repair:visited {
    font-weight: normal;
    color: #FFFFFF;
    border: 2px solid;
}

a.button-awaiting-repair,
a.button-awaiting-repair:hover,
a.button.button.button-awaiting-repair:hover {
    font-weight: normal;
    color: #00a1e2;
    border: 2px solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a.button:active,
button.button:link,
button.button:visited {}

a.button:link,
a.button:hover,
button.button:hover {
    font-weight: normal;
    background: #fff;
    color: #00a1e2;
    border: 2px solid #00a1e2;
}

a.button:active,
button.button:active {}


/* Pagination */


/*
ul.yiiPager a:link, ul.yiiPager a:visited
{
	border: 1px solid #ffce42;
	color: #000;
}*/


/* Pagination */


/*
ul.yiiPager a:hover
{
	border: 1px solid  #00688f;
}*/


/* Pagination */


/*
ul.yiiPager .selected a
{
	background-color: #ffce42;
	background-image: none;
	background-repeat: repeat;
	color: #000;

}*/

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}


/*
*   Styling for error messages while uploading documents
*/

small {
    display: block !important;
}

.form-helper-text {
    font-size: 0.75rem !important;
    margin-top: 0.25rem !important;
}

.button.button-icon {
    padding: 0px !important;
    margin: -3px 0 0 0;
    width: 100%;
    display: block;
}

.button.button-icon img {
    margin: 0 !important;
}

.form input.text_field.hasDatepicker {
    height: 20px !important;
    padding: 2px 6px !important;
}

.fieldWithErrors{
    width: 100%;
}
.wide.form.feedback .chzn-container{
    width: 100% !important;
}