/* BCOL common stylesheet v1.0.0 */

/* A standard CSS reset to clear all "default" formatting 
   and hopefully get us some cross browser consistancy. 

   I included the reference to where I got it out of courtesy.

   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family:"Verdana",sans-serif;
	letter-spacing: normal;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
//	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	height:100%;
	width:100%;
	background-color:white;
}

/*
    Here are our custom styles.
*/
body
{
        font-family:"verdana",sans-serif;
        font-size:small;
}
a:link
{
	color:#336699;
}
a:hover
{
	color:#3399CC;
}

a:visited
{
	color:#800080;
}

.bcol_big_link
{
	Font-family:"Verdana",sans-serif;
	font-size:medium;
	font-weight:bold;
}

.bcol_center
{
	margin-left:auto;
	margin-right:auto;
}

.bcol_text
{
	font-family:"verdana",sans-serif;
	font-size:small;
}

.bcol_text_bold
{
        font-family:"verdana",sans-serif;
        font-size:small;
	font-weight:bold;
}

.bcol_large_header
{
	font-family:"verdana",sans-serif;
        font-size:x-large;
        font-weight:bold;
        color:#003366;
}

.bcol_text_small
{
        font-family:"verdana",sans-serif;
        font-size:x-small;
	font-weight:bold;
}

.bcol_text_bold_large
{
        font-family:"verdana",sans-serif;
        font-size:medium;
        font-weight:bold;
}

bcol_right_align
{
	margin-left:auto;
}

a.bcol_button {
        -moz-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
        -webkit-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
        box-shadow:inset -2px -2px 0px 0px #5C5C5C;

        background-color:#336699;

        -moz-border-radius:11px;
        -webkit-border-radius:11px;
        border-radius:11px;

        display:inline-block;
        font-family:"verdana",sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding:3px 14px 4px;
        text-decoration:none;
        color:#FFFFFF;
}

a.bcol_button:hover {
        background-color:#3399CC;
        color:#FFFFFF;
}
a.bcol_button:active {
        -moz-box-shadow:inset 0px 0px 0px 0px #5C5C5C;
        -webkit-box-shadow:inset 0px 0px 0px 0px #5C5C5C;
        box-shadow:inset 0px 0px 0px 0px #5C5C5C;

        position:relative;
        top:1px;

        color:#FFFFFF;

}

div.bcol_messagesDiv {
	margin: 10px;
}

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

.bcol_defaultMessage {
	font-weight: bold;
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid;
	border-radius: 5px 5px 5px 5px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

.bcol_infoMessage {
	color: rgb(34, 139, 34);
	background-color: rgb(208, 240, 192);
	background-image: url('/app_images/success_feedback.gif');
	border-color: rgb(152, 255, 152);
}

.bcol_warnMessage {
	color: rgb(192, 152, 83);
	background-color: rgb(252, 248, 227);
	background-image: url('/app_images/warning_feedback.gif');
	border-color: rgb(240, 230, 140);
}

.bcol_errorMessage {
	color: rgb(185, 74, 72);
	background-color: rgb(242, 222, 222);
	background-image: url('/app_images/error_feedback.gif');
	border-color: rgb(232, 170, 173);
}

.bcol_onOffSwitch {
	display:inline-block;
	position: relative;
	width: 60px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
.bcol_onOffSwitch-checkbox {
	position: absolute;
	opacity: 0;
	z-index: 5;
}
.bcol_onOffSwitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-top: 1px solid #888;
	border-radius:44px;
	color: #FFFFFF;
}
.bcol_onOffSwitch-inner {
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}
.bcol_onOffSwitch-inner:before, .bcol_onOffSwitch-inner:after {
	float: left;
	width: 50%;
	height: 23px;
	padding: 0;
	line-height: 23px;
	font-family:"verdana",sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.bcol_onOffSwitch-inner:before {
	content: "On";
	padding-left:10px;
	background-color: #336699;
	-moz-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	-webkit-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	border-top-left-radius: 11px;
	border-bottom-left-radius: 11px;
}
.bcol_onOffSwitch-inner:hover:before {
	background-color:#3399CC;
}
.bcol_onOffSwitch-inner:after {
	content: "Off";
	padding-right: 13px;
	background-color: #777;
	text-align: right;
	-moz-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	-webkit-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	border-top-right-radius: 11px;
	border-bottom-right-radius: 11px;
}
.bcol_onOffSwitch-inner:hover:after {
	background-color:#3399CC;
}

.bcol_onOffSwitch-switch {
	width: 19px;
	height:19px;
	margin: 0px;
	background: #FFFFFF;
	border: 2px solid #888888;
	border-radius: 11px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 39px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
.bcol_onOffSwitch-checkbox:checked + .bcol_onOffSwitch-label .bcol_onOffSwitch-inner {
	margin-left: 0;
}
.bcol_onOffSwitch-checkbox:checked + .bcol_onOffSwitch-label .bcol_onOffSwitch-switch {
	right: -2px;
}

.bcol_buttonGroup {
	display:inline-block;
	white-space: nowrap;
}
.bcol_buttonGroup *{
	float:left;
}
.bcol_buttonGroup input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.bcol_buttonGroup label {
	background: #777;
	border-top: 1px solid #888;
	color: #FFFFFF;
	cursor: pointer;

	display:inline-block;
	font-family:"verdana",sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:2px 14px 4px;
	text-decoration:none;
	-moz-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	-webkit-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
	box-shadow:inset -2px -2px 0px 0px #5C5C5C;
}
.bcol_buttonGroup table tbody tr td:first-child label,
.bcol_buttonGroup div:first-child label{
	padding:2px 14px 4px 16px;
	-moz-border-radius-topleft:11px;
	-webkit-border-top-left-radius:11px;
	border-top-left-radius:11px;
	-moz-border-radius-bottomleft:11px;
	-webkit-border-bottom-left-radius:11px;
	border-bottom-left-radius:11px
}
.bcol_buttonGroup table tbody tr td:last-child label,
.bcol_buttonGroup div:last-child label {
	padding:2px 16px 4px 14px;
	-moz-border-radius-topright:11px;
	-webkit-border-top-right-radius:11px;
	border-top-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	-webkit-border-bottom-right-radius:11px;
	border-bottom-right-radius:11px
}
.bcol_buttonGroup label:hover {
	background: #3399CC;
}
.bcol_buttonGroup label:active,
.bcol_buttonGroup input:focus + label {
	background: #336699;
	-moz-box-shadow:inset 0px 0px 0px 0px #5C5C5C;
	-webkit-box-shadow:inset 0px 0px 0px 0px #5C5C5C;
	box-shadow:inset 0px 0px 0px 0px #5C5C5C;
}
.bcol_buttonGroup input:checked + label {
	background: #336699;
}

.nofloat {
	display:inline-block;
	clear:both;
}


span.bcol_button {
        -moz-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
        -webkit-box-shadow:inset -2px -2px 0px 0px #5C5C5C;
        box-shadow:inset -2px -2px 0px 0px #5C5C5C;

        background-color:#ccc;

        -moz-border-radius:11px;;
        -webkit-border-radius:11px;;
        border-radius:11px;;


        display:inline-block;
        font-family:"verdana",sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding:4px 14px 5px;
        text-decoration:none;
        color:#777;

        cursor: pointer;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.bcol_radio input[type="radio"] {
        position: absolute;
        opacity: 0;
        z-index: 5;
}

.bcol_radio input[type=radio] + label{
        display: inline-block;
        cursor: pointer;
        font-family:"verdana",sans-serif;
        font-size: 13px;
        font-weight: bold;
}

.bcol_radio input[type=radio] + label > span{
        display: inline-block;
        width: 21px;
        height: 21px;
        margin: 2px 4px;
        border: 1px solid rgb(192,192,192);
        border-radius: 100%;
        background: rgb(224,224,224);
        background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
        background-image: linear-gradient(rgb(240,240,240),rgb(224,224,224));
        vertical-align: middle;
}

.bcol_radio input[type=radio]:checked + label > span{
        background-image: -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
        background-image: -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
        background-image: -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
        background-image: -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
        background-image: linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

.bcol_radio input[type=radio]:checked +  label > span > span{
        display: block;
        width: 13px;
        height: 13px;
        margin: 3px;
        border: 1px solid rgb(92, 92, 92);
        border-radius: 100%;
        background-color: #336699;

        background-image: linear-gradient(bottom, #5C5C5C 0%, #336699 30%);
        background-image: -o-linear-gradient(bottom, #5C5C5C 0%, #336699 30%);
        background-image: -moz-linear-gradient(bottom, #5C5C5C 0%, #336699 30%);
        background-image: -webkit-linear-gradient(bottom, #5C5C5C 0%, #336699 30%);
        background-image: -ms-linear-gradient(bottom, #5C5C5C 0%, #336699 30%);
}

.bcol_radio input[type=radio]:hover +  label > span > span{
        display: block;
        width: 13px;
        height: 13px;
        margin: 3px;
        border: 1px solid rgb(92, 92, 92);
        border-radius: 16px;
        background-color: #3399CC;

        background-image: linear-gradient(bottom, #5C5C5C 0%, #3399CC 10%);
        background-image: -o-linear-gradient(bottom, #5C5C5C 0%, #3399CC 10%);
        background-image: -moz-linear-gradient(bottom, #5C5C5C 0%, #3399CC 10%);
        background-image: -webkit-linear-gradient(bottom, #5C5C5C 0%, #3399CC 10%);
        background-image: -ms-linear-gradient(bottom, #5C5C5C 0%, #3399CC 10%);
}