@CHARSET "ISO-8859-1";

body {
	margin: 0px;
	font-family: 'Droid Sans', sans-serif;
	color: #000000;
	font-size: 13px;
	background-color: #DDDDDD;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDDDDD), to(#FFFFFF));
	background: -webkit-linear-gradient(top, #DDDDDD, #FFFFFF);
	background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
	background: -ms-linear-gradient(top, #DDDDDD, #FFFFFF);
	background: -o-linear-gradient(top, #DDDDDD, #FFFFFF);
	background-repeat: no-repeat;
}

/*Headers*/
h1 {
	font-size: 2.5em;
	color: #455565;
	margin: 0px;
	margin-bottom: 12px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
}

h1 span.smallgrey {color: #CCCCCC;}

h2 {font-size: 1.4em; color: #455565; border-bottom:1px solid #DDDDDD;}
h2.plain {border-bottom: none;}
h2.green {color: #4DBD33;}
h2.red {color: #CC0000;}

/*Global Items*/
table {border-collapse: collapse;}
form {margin: 0px; display: inline; clear: none;}
ul {padding: 0px; list-style-type: none;}
.note {font-size: 10px; font-style: italic; color: #C80180;}
img {border: none;}

input {width: 400px;}
input.checkbox {width: 20px;}

/*Link Colours*/
a {text-decoration: none; color: #000000;}
a:hover {text-decoration: underline;}

.main-wrapper {width: 98%; margin-left: auto; margin-right: auto;}

.header {padding: 10px;}

table.main-admin-layout {width: 100%;}
table.main-admin-layout td {vertical-align: middle; padding: 0px;}
table.main-admin-layout td.admin-right {padding: 10px;}

.page-container {float: left; width: 100%;}
.container-left {float: left; clear: none;}
.container-right {float: right; clear: none;}
.listfilter {margin-bottom: 10px; clear: both;}

/*Page Elements*/
.page-element {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	overflow: auto;
}

.footer {padding: 10px; background-color: #CCCCCC; clear: both;}
.developer-bar {font-size: 12px; background-color: #000000;}

/*Tables*/

table.adminresult td {border: 1px solid #DDDDDD; padding: 5px; line-height: 25px;}
table.adminresult td.title {background-color: #DDDDDD; color: #455565;}

table.adminform {width: 100%;}
table.adminform td {border: 0px solid #DDDDDD; padding: 5px; line-height: 25px;}
table.adminform td.title {background-color: #DDDDDD; color: #999999;}

table.viewtable {clear: both; border-collapse: collapse; border: 1px solid #DDDDDD; width: 100%;}
table.viewtable td {border: 1px solid #CCCCCC; padding: 5px; padding-right: 15px; line-height: 20px;}
table.viewtable td.title {background-color: #CCCCCC;}
table.viewtable td.label {background-color: #EBEBEB; width: 150px; padding-right: 10px; font-weight: normal; color: #999999;}

.idcol {width: 20px;}

/*Flash Messaages*/
div.error {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #E02222;
	padding: 10px;
	margin-bottom: 10px;
	color: #E02222;
	background-color: #FFFFFF;
}

div.warning {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #FFA500;
	padding: 10px;
	margin-bottom: 10px;
	color: #FFA500;
	background-color: #FFFFFF;
}

div.confirm {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #268A16;
	padding: 10px;
	margin-bottom: 10px;
	color: #268A16;
	background-color: #FFFFFF;
}

/*Form items*/
select {height: 34px; vertical-align: middle; line-height: 34px; font-family: 'Droid Sans', sans-serif;}
input {height: 28px; vertical-align: middle; font-family: 'Droid Sans', sans-serif; text-indent: 5px;}
button {padding-top: 0px; padding-bottom: 0px;}

/*Buttons*/
.btn {
	border: 0px none;
	padding: 3px 6px 3px 6px;
	line-height: 28px;
	height: 28px;
	text-transform: uppercase;
    vertical-align: middle;
}

.btn-block {display: block; width: 100% !important;}

.btn-xl {
	display: inline-block;
	padding: 10px;
	margin-right: 10px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.btn-xl:hover {text-decoration: none;}

button.btn {padding-top: 0px; padding-bottom: 5px; vertical-align: middle;}

.btn.grey {background-color: #666666; color: #FFFFFF; border: 1px solid #333333;}
.btn.ltgrey {background-color: #CCCCCC; color: #666666; border: 1px solid #999999;}
.btn.blue {background-color: #787CAB; color: #FFFFFF; border: 1px solid #455565;}
.btn.red {background-color: #CC0000; color: #FFFFFF; border: 1px solid #990000;}
.btn.green {background-color: #669966; color: #FFFFFF; border: 1px solid #336600;}
.btn.pink {background-color: #CC0066; color: #FFFFFF; border: 1px solid #990000;}
.btn.orange {background-color: #FF9900; color: #FFFFFF; border: 1px solid #B36B00;}

.hudllabel {font-size: 13px; padding: 3px 6px; line-height: 28px; height: 28px; text-transform: uppercase; vertical-align: middle;}

.slateblack {background-color: #222222; color: #FFFFFF; border: 1px solid #000000;}
.jazzyblue {background-color: #2858A5; color: #FFFFFF; border: 1px solid #0A1629;}
.zestyorange {background-color: #FF8133; color: #FFFFFF; border: 1px solid #E65800;}
.bubblegumpink {background-color: #E44486; color: #FFFFFF; border: 1px solid #C01C5F;}
.perkypurple {background-color: #7D5894; color: #FFFFFF; border: 1px solid #543B64;}
.rocketred {background-color: #FF543F; color: #FFFFFF; border: 1px solid #F21A00;}
.dreamywhite {background-color: #FFFFFF; color: #222222; border: 1px solid #BABABA;}

a.corenav {font-size: 16px;	line-height: 35px; background-color: #CC0000; color: #FFFFFF; padding: 5px 10px 5px 10px; margin: 5px 5px 5px 0px;}
a.corenavsmall {font-size: 11px; line-height: 23px;	background-color: #8C010B; color: #FFFFFF; padding: 3px 6px 3px 6px; margin: 3px 3px 3px 0px; display: inline;}

div.containermenuright {float: right; /*margin-top: 5px;*/}

textarea {width: 100%; height: 100px;}

/* Labels */
span.labelblack {background-color: #222222; color: #FFFFFF; border: 1px solid #000000; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelblue {background-color: #2858A5; color: #FFFFFF; border: 1px solid #0A1629; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelorange {background-color: #FF8133; color: #FFFFFF; border: 1px solid #E65800; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelpink {background-color: #E44486; color: #FFFFFF; border: 1px solid #C01C5F; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelpurple {background-color: #7D5894; color: #FFFFFF; border: 1px solid #543B64; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelred {background-color: #FF543F; color: #FFFFFF; border: 1px solid #F21A00; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelwhite {background-color: #FFFFFF; color: #222222; border: 1px solid #BABABA; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelgreen {background-color: #669966; color: #FFFFFF; border: 1px solid #336600; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelgrey {background-color: #CCCCCC; color: #999999; border: 1px solid #999999; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}
span.labelwhite {background-color: #FFFFFF; color: #DEDEDE; border: 1px solid #DEDEDE; padding: 3px 10px; text-transform: uppercase; font-size: 11px;}

/* Labels */
span.messageblack {background-color: #222222; color: #FFFFFF; border: 1px solid #000000; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messageblue {background-color: #2858A5; color: #FFFFFF; border: 1px solid #0A1629; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messageorange {background-color: #FF8133; color: #FFFFFF; border: 1px solid #E65800; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messagepink {background-color: #E44486; color: #FFFFFF; border: 1px solid #C01C5F; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messagepurple {background-color: #7D5894; color: #FFFFFF; border: 1px solid #543B64; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messagered {background-color: #FF543F; color: #FFFFFF; border: 1px solid #F21A00; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messagewhite {background-color: #FFFFFF; color: #222222; border: 1px solid #BABABA; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messagegreen {background-color: #669966; color: #FFFFFF; border: 1px solid #336600; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}
span.messagegrey {background-color: #CCCCCC; color: #999999; border: 1px solid #999999; margin-bottom: 10px; padding: 6px 0px; text-indent: 10px; text-transform: uppercase; font-size: 11px; display: block; width: 100%;}

/* Developer Menu */
.drop_menu {
    font-family: 'Droid Sans', sans-serif;
    position: fixed;
    background: #313131;
    padding: 0;
    margin: 0;
    list-style-type: none;
    height: 50px;
    width: 100%;
}
.drop_menu li {float: left;}
.drop_menu li a {padding: 19px 20px; display: block; color: #FFFFFF; text-decoration: none;}

/* Submenu */
.drop_menu ul {position: absolute; left: -9999px; top: -9999px; list-style-type: none;}
.drop_menu li:hover {position: relative; background: #CC0066; }
.drop_menu li:hover ul {left: 0px; top: 50px; background: #313131; padding: 0px;}
.drop_menu li:hover ul li a {padding: 5px; display: block; width: 200px; text-indent: 5px; background-color: #313131;}
.drop_menu li:hover ul li a:hover {background: #CC0066;}

/* User Logout Tab in menu */
li.logoutTab {float: right !important;}
li.logoutTab a {background-color: red !important; color: white !important;}

/* Back to top button */
#backtotop {
    display: none;
    color: #FFFFFF;
    background-color: #EB118B;
    font-size: 30px;
    position: fixed;
    bottom: 20px;
    text-align: center;
    padding: 12px 20px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    right: 20px;
}

div.liveinfo {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

/************ DASHBOARD **************/

div.commqstat {width: 15%; border: 1px solid #DEDEDE; height: 100px; float: left; margin-right: 10px; margin-bottom: 10px;}
div.commqstat h3 {text-align: center; margin: 10px 0 5px 0; padding: 0; text-transform: uppercase; letter-spacing: -1px; font-weight: bold;}
div.commqstat p {text-align: center; font-size: 2em; font-weight: bold; margin: 15px 0 0 0; padding: 0; color: #C80180;}

.outstandinginvoices .viewtable td {padding-right: 5px;}