/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; outline: 0; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a { text-decoration: none; }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

body, html {height:100%;}
body {
	background: url('../img/background.jpg') repeat left top #dedede;
	color: #333;
	font: 14px Arial, Helvetica, sans-serif;

}

ol, ul {
	list-style: none;
}

.padded-box {
	padding: 10px;
}

/* Tell the browser to render HTML 5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Grid System */
.grid-xs, .grid-s, .grid-m, .grid-b {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px
}
.grid-xs {
	width: 220px;
}
.grid-s {
	width: 300px;
}
.grid-m {
	width: 830px;
}
.grid-b {
	width: 1160px;
}

a {
	color: #2f942b;
	background-color:transparent;
	text-decoration:none;
	text-shadow: 0 1px 0 #fff;
}
a:hover {color:#bd2b32; background-color:transparent; text-decoration:none;}

h2 {
	font-size: 16px;
	font-weight: bold;
}

/* Get the gecko */
.logo {
	position: absolute;
	right: -35px;
	top: -35px;
	background: transparent url(../img/logo_med.png) top left no-repeat;
	width: 90px;
	height: 90px;
}

/* Main Container */
#container {
	text-align:left;
	min-height:100%;
	height:auto !important;
	height:100%;
}

.content {
	position: relative;
	background-color: #efefef;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 1200px;
	margin: 20px auto;
	padding: 10px 10px 20px 10px;
	min-height:100%;
	border: 1px solid #929292;
}

header {
	position: relative;
	height: 50px;
	padding: 5px;
	border-bottom: 1px solid #fff;
	color: #000;
}

header h1, .content-login h1 {
	float: left;
	position: relative;
	color: #333;
	font: bold 28px 'Droid Serif', Helvetica, Arial, sans-serif;
	letter-spacing: -3px;
	text-shadow: 0 1px 0 #fff;
}

header h1 img {
	float: left;
	background: transparent url(../img/logo_small.png) top left no-repeat;
	width: 48px;
	height: 48px;
	margin-right: 10px;
}

header .logout {
	position: absolute;
	top: 40px;
	left: 65px;
}

nav {
	float: right;
	height: 60px;
	margin-top: -5px;
}

/* LEVEL ONE */
nav ul {
	position:relative;
	list-style:none
}
nav ul li {
	float: left;
	padding:5px 10px;
	color:#22c3eb;
	text-transform: uppercase;
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 15px;
}
nav ul li:hover, nav ul li.active, nav ul li a:hover, nav ul li.active a {
	color: #393939;
	text-decoration:none;
}
nav ul li a {
	display:block;
	text-decoration:none;
	color:#22c3eb;
}
nav ul img {
	margin: 0 3px
}
nav ul li:hover {position: relative;}

.ustatus {
	float: right;
	margin: 5px 5px 0 0;
}

/* Content Logged In */
section {
	padding: 10px 10px 10px 10px;
}
section p {margin:0;padding:0;}
section table p {
	padding: 5px;
}

.bar_alert, .bar_available, .submenu, .department {
	float: left;
	display: block;
	border: 1px solid #e2e2e2;
	padding: 5px 5px 5px 33px;
	margin: 10px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.file_available {
	display: block;
	background: transparent url("../img/success.png") top center no-repeat;
	cursor: pointer;
}

.file_notavailable {
	display: block;
	background: transparent url("../img/not_available_s.png") top center no-repeat;
	cursor: pointer;
}

.bar_available {
	background: #fcfcfc url("../img/success.png") 8px center no-repeat;
	cursor: pointer;
}
.not_available {
	background: #fcfcfc url("../img/not_available_s.png") 8px center no-repeat;
	cursor: pointer;
}
.bar_alert {
	background: #fcfcfc url("../img/alerts.png") 8px center no-repeat;
	cursor: pointer;
}
.mute {
	background: #fcfcfc url("../img/mute.png") 8px center no-repeat;
	cursor: pointer;
}
.submenu {
	background: #fcfcfc url("../img/notice_s.png") 8px center no-repeat;
	cursor: pointer;
}
.department {
	background: #fcfcfc url("../img/department.png") 8px center no-repeat;
}

.submenu:hover {
	background: #fcfcfc url("../img/notice_s.png") 8px center no-repeat;
}

.content-login, .success-failure {
	position: relative;
	background-color: #ededed;
	width: 300px;
	margin: 50px auto 0em;
	padding: 10px;
	border: 1px solid #dfdfdf;
	
	/*** Adding CSS3 ***/
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.content-login input[type="text"], .content-login input[type="password"], input[type="number"] {
	width: 285px;
    padding: 6px;
    margin:10px 0;
 
    /*** Adding CSS3 ***/
    -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s;
 
    /*** Adding a small shadow ***/
    -moz-box-shadow: 0px 0px 2px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
}

.content-login p {
	text-align: right;
}

/* Content Success */
.success-failure {width:433px;}
.success-failure p {text-align:center;padding:25px 0 0 0;}

input[type="text"], input[type="password"], input[type="number"] {
	background-color:#fafafa;
	border:1px solid #c8c8c8;
	font-size:15px;
	height:30px;
	padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-transition:  all 0.2s linear;
	-o-transition:  all 0.2s linear;
	transition:  all 0.2s linear;
	
}

input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="number"]:hover,, input[type="number"]:focus, textarea:hover, textarea:focus, .bar_available:hover, .bar_alert:hover {
	-webkit-box-shadow: 0 0 4px #66cc00;
	-moz-box-shadow: 0 0 4px #66cc00;
	box-shadow: 0 0 4px #66cc00;
}

.inputbig {
	width: 300px;
}

input.error, textarea.error {border: 1px solid red !important;}
.status-failure {
	background: url('../../img/cancel.png') no-repeat 10px center;
	background-color: rgba(255, 235, 232, 0.5);
	border: 1px solid #C00;
	border-radius: 5px;
	padding: 8px 5px 6px 35px;
	margin-bottom: 10px;
}
.status-failure a {
	color: #494949;
}
.status-ok {color:green;background-color:#dfFFda;border:1px solid green;padding:4px;margin:5px;}

.txt-centerd {
	text-align: center;
}

.button, .uploadButton {
 text-decoration:none; text-align:center; 
 padding:6px 15px; 
 border:solid 1px #333; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font: bold 14px Arial, Helvetica, sans-serif;
 color: #2f2f2f;
 background-color:#66cc00; 
 background-image: -moz-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -webkit-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -o-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -ms-linear-gradient(top, #66cc00 0% ,#99ff33 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff33', endColorstr='#99ff33',GradientType=0 ); 
 background-image: linear-gradient(top, #66cc00 0% ,#99ff33 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 opacity:0.6; 
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
 filter: alpha(opacity=60); 
 text-shadow: 1px 1px 1px #ffffff; 
 filter: dropshadow(color=#ffffff, offx=1, offy=1);  -webkit-transition: all 0.1s linear;
 -moz-transition:  all 0.1s linear;
 -o-transition:  all 0.1s linear;
 transition:  all 0.1s linear;
}
 
.button:hover, .uploadButton:hover {
 opacity:1; 
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); 
 filter: alpha(opacity=1);
 color: #2f2f2f;
 background-color:#66cc00; 
 background-image: -moz-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -webkit-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -o-linear-gradient(top, #66cc00 0%, #99ff33 100%); 
 background-image: -ms-linear-gradient(top, #66cc00 0% ,#99ff33 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff33', endColorstr='#99ff33',GradientType=0 ); 
 background-image: linear-gradient(top, #66cc00 0% ,#99ff33 100%);
}

.hidden {display: none;}
.movemouse {cursor:move;}
.clear {clear:both;}

.forgotP {display: none;}

/* Hand cursor on clickable input elements */
label[for], input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Footer */
footer {
	float:left;
	margin:10px 0;
	padding-bottom: 10px;
	width:100%;
	text-align:center;
	color: #333;
}
.red {color:#bd2b32;}

/* General CSS */
#chatOutput {
	height:350px;
	margin:10px 0px 20px 0px;
    border:1px solid #71c5ff;
    overflow:auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5em;
	background-color: #fff;
}
#chatOutput a {color:#1252A2; text-decoration:underline;}
#currentConv {
	height:350px;
	overflow:auto;
}
#usrOnline {
	height:100px;
	overflow:auto;
}
#archive {
	height:400px;
	width:600px;
    margin:10px 0px 10px 0px;
    border:1px solid #A8B9CB;
    overflow:auto;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.5em;
}
.user_said {
	font-size:11px;
}

.ls img {vertical-align:middle;}

.heading_light {
	border-bottom:1px solid #A3C8F6;
	margin:0px 0px 5px 0px;
}
.heading_solid {
	font-size: 16px;
	border-bottom:1px solid #064DA5;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}
.heading_solid img, .heading_light img {
	margin:0px 10px 0px 0px;
	vertical-align:middle;
}
.heading_solid form {
	float: right;
	margin-top: -20px;
}
.navigation li {
	display:inline;
}
.navigation img { margin:10px 0px 0px 0px; }

#popup {
	position: relative;
	display: none;
	overflow:hidden;
}
#popup div {
	padding:10px;
	height:60px;
	text-align: center;
	background: #dff3a8;
        background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
        background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dff3a8, endColorstr=#c4fb92)";
}
#uploadpp_wrapper {
	margin: 10px 0 0 0;
	padding-bottom: 5px;
	font-size: 12px;
	position: relative;
	background: transparent url('../img/shadow.png') no-repeat center bottom;
}
#uploadpp_wrapper p {
	margin: 5px 0;
}
.uploader {
	float: left;
	width: 40%;
}
.standard_files {
	float: right;
	margin-top: 7px;
	width: 60%;
}

/* Client List */
#chat-list a {
	display:block;
	margin:10px 0px 10px 0px;
}
.new span, .updated span, .current span, .ended span {
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-size: 10px;
}
.current_convos a {
	font-size:16px;
}
.new, .updated, .current, .ended {
	position: relative;
	width:288px;
	font-size:14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:5px 0px 5px 0px;
	padding:0px 5px 0px 5px;
}
.new {
	border:1px solid #ABE195;
	border-radius: 5px;
	background: #dff3a8;
	background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
	background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#a6ff55));
}
.new:hover {
	background: -moz-linear-gradient(top, #cfee7a 0%, #99f645 100%) #dff3a8;
	background: -webkit-gradient(linear, left top, left bottom, from(#cfee7a), to(#99f645)) #dff3a8;
}
.new a {
	background-image: url('../img/new.png');
    background-repeat: no-repeat;
    background-position: 0px -1px;
	padding: 6px 0px 7px 40px;
    color:#222;
}
.new a:hover {
	color:#222;
}
.updated {
	border:1px solid #ebec6e;
	background: #feffb1;
	background: -moz-linear-gradient(top,#feffb1,#f0f17f);
	background: -webkit-gradient(linear, left top, left bottom, from(#feffb1), to(#f0f17f));
}
.updated a {
    background-image:url('../img/update.png');
    background-repeat:no-repeat;
    background-position:0px -1px;
    padding: 6px 0px 7px 40px;
    color:#222;
}
.updated a:hover {
	color:#222;
}
.current {
    border:1px solid #c2dbe9;
	background: #eff7ff;
	background: -moz-linear-gradient(top,#eff7ff,#c8e2f0);
	background: -webkit-gradient(linear, left top, left bottom, from(#eff7ff), to(#c8e2f0));
}
.current:hover {
	background: #dfefff;
	background: -moz-linear-gradient(top,#dfefff,#b6dbef);
	background: -webkit-gradient(linear, left top, left bottom, from(#dfefff), to(#b6dbef));
}
.current a {
	background-image:url('../img/current.png');
    background-repeat:no-repeat;
    background-position:0px -1px;
    padding: 6px 0px 7px 40px;
    color:#222;
}
.current a:hover {
	color:#222;
}
.ended {
    border:1px solid #db6868;
	background: #f4d4d4;
	background: -moz-linear-gradient(top,#f4d4d4,#e18383);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3c7c7, endColorstr=#eea2a2)";
}
.ended a {
	background-image:url('../img/ended.png');
    background-repeat:no-repeat;
    background-position:0px -1px;
    padding: 6px 0px 7px 40px;
    color:#222;
}
.ended a:hover {
	color:#222;
}
.online-list li {
	float: left;
	margin: 5px;
}

/* ----- FORMS ----- */
.thin { width:250px; }
.wide { width:740px; }
label {
   	font-size:15px;
   	margin: 5px 0;
	display:block;
}
.input_field {
        margin:0px 5px 5px 0px;
        background-color: #fff;
        color: #444;
        padding: 6px;
        border:1px solid #c8c8c8;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.5em;
}
.tall {
	height:40px;
}
.input_field:focus {
    -moz-box-shadow: 0 0 3px #66cc00;
    -webkit-box-shadow: 0 0 3px #66cc00;
    box-shadow: 0 0 3px #66cc00;
}

label span.error {
	color:red;
	position:relative;
	right:-10px;
	font-size: 10px;
}

/* --- tables --- */
.table {margin:5px;width:99%;border-collapse:collapse;border:1px solid #e2e2e2;}
.table td {padding:5px;border:1px solid #e2e2e2;}


.table .content-title {background-color: #e6fde8;font-size: 18px;}
.table .content-go {width:20px;text-align:center;}
.table .go {width:30%;vertical-align:top;color:#000;}
.table .title {
	width: 150px;
}
.table .go h3 {
	font-size: 16px;
	color: #456845;
}
.table td .right {
	float: right;
	white-space:nowrap;
}

/* -- CHAT LIST -- */
.admin {
    background-color:#effcff;
    padding:5px 5px 10px 5px;
    border-bottom:1px solid #c4dde1;
}
.user {
    background-color:#f4fdf1;
    padding:5px 5px 10px 5px;
    border-bottom:1px solid #c4dde1;
}
.download {
	padding:10px 5px 10px 5px;
    background-color:#d0e5f9;
    background-image:url('../img/download.png');
    background-position:98% 50%;
    background-repeat:no-repeat;
    border-bottom:1px solid #c4dde1;
}
.usr_rate {
	color: #c92e2e;
}

.notice {
	padding:10px 5px 10px 5px;
	background-color:#d0e5f9;
	background-image:url(../img/notice.png);
	background-position:98% 50%;
	background-repeat:no-repeat;
	border-bottom:1px solid #c4dde1;
}
#user-info {
	padding:5px 10px 5px 10px;
	border:1px solid #6FAFFE;
	background-color:#effcff;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#user-info table {
	width:100%;
}

#user-info th {
	text-align:center; 
	border-bottom:1px solid #888;
	padding:0px 10px 5px 4px;
}
#user-info td {
	text-align:center;
	padding:5px 10px 0px 4px;
}

.delete-button {border: none;width:14px;height:16px;background:url(../img/deletelink.png) bottom left no-repeat;}
.highlight-delete {border: none;background:url(../img/deletelink.png) top left no-repeat;cursor:pointer;cursor:hand;}
.lock-button {border: none;width:14px;height:16px;background:url(../img/lockedlink.png) bottom left no-repeat;}
.highlight-button {border: none;background:url(../img/lockedlink.png) top left no-repeat;cursor:pointer;cursor:hand;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../img/box/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../img/box/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../img/box/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../img/box/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../img/box/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../img/box/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../img/box/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../img/box/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../img/box/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/box/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../img/box/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
        
 /* The bouncing box */
 
#msg_box {
 	height: 60px;
 	padding: 10px;
 	margin-top: -10px;
 	padding-top: 20px;
 	width:260px;
	-moz-box-shadow: 0 0 2px rgba(34, 34, 34, 0.5);
	-webkit-box-shadow: 0 0 2px rgba(34, 34, 34, 0.5);
	box-shadow: 0 0 2px rgba(34, 34, 34, 0.5);
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background-color: rgba(255, 255, 255, 0.9);
	cursor:pointer;
	position: fixed;
	left: 20%;
	top: 0;
	display: none;
}
 
#msg_box p {
 	font-size:25px;
 	background-image: url('../img/warning.png');
 	background-repeat: no-repeat;
 	background-position: 10px 5px;
 	height: 48px;
 	padding: 15px 0 0 70px;
}

/* Tooltip */
.colorTip{
	/* This class is assigned to the color tip span by jQuery */
	
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	z-index:101;
	
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	text-shadow:0 0 1px white;
	white-space:nowrap;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.online-list .colorTip {
	top: -42px;
}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}


/* 1 Available Color Themes */

.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
	background-color:#f2fdf1;
	border:1px solid #b6e184;
	color:#558221;
}
/* Paginate */
.paginate {
	float: left;
	margin-top: 10px;
  	text-align: center;
}
.paginate ul {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	text-align: center;
}
.paginate li {
  	display: inline;
}
.paginate a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  margin: 1px 2px;
  padding: 5px 10px;
  display: inline-block;
  border-top: 1px solid #fff;
  text-decoration: none !important;
  color: #717171 !important;
  font-size: smaller !important;
  font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
  text-shadow: white 0 1px 0;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9f9f9, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
  /* IE6–IE9 */
}

.paginate a:hover, .paginate a:focus {
  border-color: #fff;
  background-color: #fdfdfd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fefefe, #fafafa);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fefefe, #fafafa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
  /* IE6–IE9 */
}
.paginate a.active {
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  border-color: #505050 !important;
  color: #f2f2f2 !important;
  text-shadow: black 0 1px 0;
  background-color: #676767;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* IE10 */
  background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');
  /* IE6–IE9 */
}

.prev-button:before {
	content: "<<";
}
.next-button:after {
	content: ">>";
}