/********************
			Standard
********************/

input, textarea, select, button {
	height:26px;
	font-size:0.8em;
 	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	color:#04396C;
	border:1px solid #BBDAF6;
	border-radius:3px;
	background-color:#FAFFFF;
	vertical-align:middle;
}
textarea {
	font-size:1em;
	padding:6px;
}
input:focus, textarea:focus, select:focus {
	background-color:#E7FCFF;
	transition: background-color 200ms ease-in-out;
}
input[type="text"][disabled] {
	background-color:#F5F5F5;
}
input[type=submit], button {
	height:30px;
	margin:0 2px;
	background-color:#FAFFFF;
	background-repeat:no-repeat;
	cursor:pointer;
	font-size:1em;
	transition: background-color 600ms;
}
input[type=submit]:hover, button:hover {
	background-color:#C4F4FF;
	border:1px solid #9BB5CC;
	transition: background-color 200ms;
}
input[type=submit].selected, button.selected {
	background-color:#C4F4FF;
}
input[type=submit].delete, button.delete {
	background-image:url('/images/static/icons/delete24.png');
	background-position:center;
	width:34px;
	margin:0;
}
input[type=submit].search, button.search {
	background-image:url('/images/static/icons/search24.png');
	background-position:center;
	width:34px;
	margin:0;
}
input[type=submit].edit, button.edit {
	background-image:url('/images/static/icons/edit24.png');
	background-position:center;
	width:34px;
	margin:0;
}
input[type=submit].move, button.move {
	background-image:url('/images/static/icons/move24.png');
	background-position:center;
	width:34px;
	margin:0;
}
input[type=submit].save, button.save {
	background-image:url('/images/static/icons/save24.png');
	background-position:5px;
	padding-left:35px;
	height:36px;
	margin:0;
}
button.pending {
	background-color:#FCFFD4;
}
button.failed {
	background-color:#FFAAAA;
}
button.success {
	background-color:#DFFFDC;
}

button.fancy {
	width:195px;
	height:75px;
	font-size:2em;
	border-radius:6px;
	transition: all 200ms ease-in-out;
}
button.fancy:hover {
	background-color:#CCFFBC;
	border-color:#02D402;
	color:#02D402;
	transition: all 200ms;
}

input[type="checkbox"] {
	opacity:0;
	position:absolute; /* cool */
}
input[type="checkbox"] + label {
	padding:6px;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
	background-color:#FAFFFF;
	border:1px solid #BBDAF6;
	border-radius:3px;
	vertical-align:bottom;
	margin-top:10px;
	margin-right:10px;
}
input[type="checkbox"]:hover + label span,
input[type="checkbox"]:focus + label span {
	background-color:#E7FCFF;
}
input[type="checkbox"]:checked + label span {
/* 	background-color:#BCEEBB; */
	background-image:url('/images/static/icons/checkmark16.png');
	background-repeat:no-repeat;
	background-position:center;
}
input[type="checkbox"]:checked:hover + label span,
input[type="checkbox"]:checked:focus + label span {
/* 	background-color:#96EE9B; */
}
input[type="checkbox"].fail + label {
	background-color:#FFC7C7;
	color:red;
}
input[type="checkbox"].fail + label span {
	background-color:#FFC7C7;
	border-color:red;
}


table {
	border-style:solid;
	border-width:1px;
	border-color:#BBDAF6;
}
table td {
	vertical-align:middle;
	text-align:center;
	padding:2px;
	overflow:hidden;
	word-break:normal;
}
table tr.highlight, table td.highlight {
	background-color:#63738F;
	color:#eee;
}
table tr.content, table tr.content:hover {
	background-color:#FAFAFA;
}

table th {
	font-weight:bold;
	border-style:none;
	border-width:1px;
	padding:2px;
	overflow:hidden;
	word-break:normal;
	border-color:#63738F;
	color:#04396C;
	background-color:#aaddee;
}

table tr {
	background-color:#FAFAFA;
	overflow:hidden;
}
table tr:hover {
	background-color:#E7FCFF;
}
table .del {
	background-color:#EDEDED;
	text-decoration:line-through;
	color:#A0A0A0;
}
table .del:hover {
	background-color:#EFEFEF;
}
table .del a {
	color:#A0A0A0;
}
.table_cnt {
	display:table;
	margin: 0 auto;
	padding-bottom:20px;
}
.table_cnt .pages {
	padding-top:10px;
	padding-bottom:10px;
}

/********************
			Generics
********************/

.pos-r{position:relative}
.pos-a{position:absolute}

.d-block {display:block}
.d-inline {display:inline}
.d-iblock {display:inline-block}
.d-none {display:none}

.f-left {float:left}
.f-right {float:right}

.t-right{text-align:right}
.t-left {text-align:left}
.t-center {text-align:center}
.t-stroke {text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.f-bold {font-weight:bold}
.f-bolder {font-weight:bolder}
.f-small {font-size:.8em;}
.f-xsmall {font-size:.8em;}
.f-large {font-size:1.2em;}
.f-smaller {font-size:.9em;}
.f-normal {font-size:1em;}

.c-l {clear:right;}
.c-l {clear:left;}
.c-b {clear:both;}

.cur-p{cursor:pointer}

.std-border {border:1px solid #63738F; border-radius:3px;}
.light-border {border:1px solid #D1D1D1; border-radius:3px;}
.border-r3 {border-radius:3px}

.m-za {margin:0 auto;}
.z-mp {margin:0;padding:0} /* "zero-margin/padding" */

.dark-bg {background-color:#535F7B;}
.blue-bg {background-color:#69C0FF}
.light-bg {background-color:#F6F6F6}
.med-bg {background-color:#E5E5E5}
.std-bg {background-color:#DDD}

.w90{width:90%}
.w50{width:50%}
.w75{width:75%}
.w100{width:100%}

.w50p{width:50px}
.w150p{width:150px}
.w185p{width:185px} /* width of texbox */
.w250p{width:250px}
.w275p{width:275px}
.w300p{width:300px}
.w350p{width:350px}
.w400p{width:400px}
.w470p{width:470px}
.w500p{width:500px}
.w560p{width:560px}
.w800p{width:800px}
.w850p{width:850px}

.h100{height:100%}

.h75p{height:75px}
.h100p{height:100px}
.h120p{height:120px}
.h200p{height:200px}
.h202p{height:202px}

.mtb5{margin:5px}


.mtb10{margin: 10px}
.m20{margin:20px}


.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml50{margin-left:50px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}

.p0{padding:0px}
.p10{padding:10px}
.pr10{padding-right:10px}
.pl10{padding-left:10px}
.pl25{padding-left:25px}
.p20{padding:20px}
.p25{padding:25px}
.pl50{padding-left:50px}
.ptb10{padding:10px}