/*
<style>
Style Sheets Created by
Anthony Master
Application Developer
Cornerstone Baptist Church
McAlester, OK
Copyright © 2016 All Rights Reserved
*/
@charset "utf-8";

/***** Styles for the Error Page *****/
#errorContainer {
	width:100%;
	min-height:600px;
	background:#fefefe;
	padding:10px 20px 10px 20px;
}

#infoContainer {
	/*width:100%;*/
	min-height:600px;
	background:#fefefe;
	padding:10px 20px 10px 20px;
}

#infoContainer p {
	text-indent:40px;
	text-align:justify;
	padding-bottom:10px;
}

/***** Styles for the logon page *****/
#logonContainer {
	width:350px;
	height:600px;
	background:#fefefe;
	padding:150px 325px 0 325px;
}

#logonContent {
	width:350px;
	height:350px;
	background:#dddddd;
	border:1px solid #323232;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

#logonContent h2 {
	color:#323232;
	padding:20px 0 0 0;
	font-weight:normal;
}

#logonContent h2 a:link,
#logonContent h2 a:visited {
	color:#323232;
	text-decoration:none;
}

#logonContent h2 a:hover {
	color:#323232;
	text-decoration:underline;
}

#logonContent h3 {
	color:#900;
	padding:15px 0 0 0;
	font-weight:normal;
}

#logonContent input {
	width:200px;
}

.formrows {
	height:35px;
}

/*** Styles for the user registration page ***/
#userRegContainer {
	width:450px;
	height:550px;
	background:#fefefe;
	padding:150px 275px 0 275px;
}

#userRegContent {
	width:450px;
	height:250px;
	background:#dddddd;
	border:1px solid #323232;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */
}

#userRegContent h2 {
	color:#323232;
	padding:0;
	font-weight:normal;
}

#userRegContent h2 a:link,
#userRegContent h2 a:visited {
	color:#323232;
	text-decoration:none;
}

#userRegContent h2 a:hover {
	color:#323232;
	text-decoration:underline;
}

#userRegContent h3 {
	color:#900;
	padding:15px 0 0 0;
	font-weight:normal;
}

#userRegContent input {
	width:200px;
}

.formrows {
	height:35px;
}

/*** Styles for the Search Box ***/
#searchIcon {
	background:url(https://openchurchadmin.com/_images/searchIcon.png) no-repeat;
}

#searchforinput {
	padding:2px 20px 0 5px;
}

#searchfieldselect {
	padding:2px 20px 0 5px;
}

#boxSearch p a:link,
#boxSearch p a:visited {
	color:#323232;
	text-decoration:none;
}

#boxSearch p a:hover {
	text-decoration:underline;
}

/** Styles for List Boxes ***/

.boxes_no_pad .boxContent {
	padding-left:0px;
    padding-right:0px;
}



.list_table  {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

.list_table th,
.list_table td {
	border:#323232 solid 1px;
	padding:5px;
}

.boxes h3 a:link,
.boxes h3 a:visited {
	color:#323232;
	text-decoration:none;
}

.boxes h3 a:hover {
	text-decoration:underline;
}


/*** Styles for the Add Student Box ***/
#addStudentIcon {
	background:url(https://openchurchadmin.com/_images/addIcon.png);
}

#addstudentnuminput,
#addstudentssninput,
#addstudentdobinput,
#addstudentsalinput,
#addstudentfnminput,
#addstudentmnminput,
#addstudentlnminput,
#addstudentsufinput {
	padding:0 15px 0 5px;
}

/*** Styles for the Add Instrument Box ***/
#addInstIcon {
	background:url(https://openchurchadmin.com/_images/addInstIcon.png);
}

#boxAddInst label {
	padding:0 0 0 20px;
}

/*** Styles for the Add Waivers Box ***/
#addWaivIcon {
	background:url(https://openchurchadmin.com/_images/signature-icon.png);
}

#boxAddWaiver label {
	padding:0 0 0 20px;
}
/*** Styles for the Add Medical Document Box ***/
#addMedIcon {
	background:url(https://openchurchadmin.com/_images/red_cross.png);
}

#boxAddMed label {
	padding:0 0 0 20px;
}
/*** Styles for the Training Help Box ***/
#trainHelpIcon {
	background:url(https://openchurchadmin.com/_images/questionIcon.png);
}

.trainingrows {
	height:20px;
	padding:0 0 0 30px;
	margin:8px 0 0 10px;
}

.THimportant {
	background:url(https://openchurchadmin.com/_images/redPinIcon.png) no-repeat;
}

.THtutorial {
	background:url(https://openchurchadmin.com/_images/bluePinIcon.png) no-repeat;
}

.THfaq {
	background:url(https://openchurchadmin.com/_images/yellowPinIcon.png) no-repeat;
}

.THinfo {
	background:url(https://openchurchadmin.com/_images/greenPinIcon.png) no-repeat;
}

#mainContent .THtitle a:link,
#mainContent .THauthor a:link,
#mainContent .THtitle a:visited,
#mainContent .THauthor a:visited {
	color:#323232;
	text-decoration:none;
}

#mainContent .THtitle a:hover,
#mainContent .THauthor a:hover {
	color:#323232;
	text-decoration:underline
}

.THtitle a:hover ~ #mainContent .THauthor a,
.THauthor a:hover ~ #mainContent .THtitle a {
	text-decoration:underline;
}

/*** Styles for the Student List Box ***/
#studentGenIcon {
	background:url(https://openchurchadmin.com/_images/studentGenIcon.png);
}

#studentListTable  {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#studentListTable th,
#studentListTable td {
	border:#323232 solid 1px;
	padding:5px;
}

#boxStudentList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxStudentList h3 a:link,
#boxStudentList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxStudentList h3 a:hover {
	text-decoration:underline;
}

#boxStartList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxStartList h3 a:link,
#boxStartList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxStartList h3 a:hover {
	text-decoration:underline;
}

#boxLeftList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxLeftList h3 a:link,
#boxLeftList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxLeftList h3 a:hover {
	text-decoration:underline;
}

#boxLeftLOA .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxLeftLOA h3 a:link,
#boxLeftLOA h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxLeftLOA h3 a:hover {
	text-decoration:underline;
}

#boxCompList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxCompList h3 a:link,
#boxCompList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxCompList h3 a:hover {
	text-decoration:underline;
}

#boxNeededIntList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxNeededIntList h3 a:link,
#boxNeededIntList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxNeededIntList h3 a:hover {
	text-decoration:underline;
}

#boxNeededGradIntList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxNeededGradIntList h3 a:link,
#boxNeededGradIntList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxNeededGradIntList h3 a:hover {
	text-decoration:underline;
}

#boxSearchList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxSearchList h3 a:link,
#boxSearchList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxSearchList h3 a:hover {
	text-decoration:underline;
}

#studentListTable td a:link,
#studentListTable td a:visited {
}

#studentListTable td a:hover {
}

#studentListTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

#studentListTable .column1,
#studentListTable .column6,
#studentListTable .column7,
#studentListTable .column8,
#studentListTable .column9,
#studentListTable .column10 {
	text-align:center;
}

#studentListTable .column2 {
	text-align:left;
}

#studentListTable .column3,
#studentListTable .column4,
#studentListTable .column5 {
	text-align:right;
}

.studentListTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

.studentListTable th,
.studentListTable td {
	border:#323232 solid 1px;
	padding:5px;
}

.boxStudentList .boxContent {
	padding-left:0px;
    padding-right:0px;
}

.boxStudentList h3 a:link,
.boxStudentList h3 a:visited {
	color:#323232;
	text-decoration:none;
}

.boxStudentList h3 a:hover {
	text-decoration:underline;
}

.studentListTable td a:link,
.studentListTable td a:visited {
}

.studentListTable td a:hover {
}

.studentListTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

.studentListTable .column1,
.studentListTable .column6,
.studentListTable .column7,
.studentListTable .column8,
.studentListTable .column9,
.studentListTable .column10 {
	text-align:center;
}

.studentListTable .column2 {
	text-align:left;
}

.studentListTable .column3,
.studentListTable .column4,
.studentListTable .column5 {
	text-align:right;
}

#fststud {
	padding:0 10px 0 0;
}

#lststud {
	padding:0 0 0 10px;
}

#studentSort,
#storySort,
#SPP,
#StoriesPP,
#showStudents,
#showStories,
#GradIntPP,
#toGradIntSort,
#showNeededGradInt {
	padding:5px;
}

/*** Styles for Student Detail Box ***/
#studentFemIcon {
	background:url(https://openchurchadmin.com/_images/studentFemIcon.png);
}

#studentMalIcon {
	background:url(https://openchurchadmin.com/_images/studentMalIcon.png);
}

.editIcon {
	background:url(https://openchurchadmin.com/_images/editIcon.png);
}

.editIcon:hover {
	background:url(https://openchurchadmin.com/_images/editIconHover.png);
}

#studDetTable {
	border-collapse:collapse;
	border:none;
	width:90%;
}

#studDetTable td {
	padding:5px;
}

#boxStudentDet .studDetTitle {
	font-weight:bold;
}
#studAddrTable {
	border-collapse:collapse;
	border:none;
	width:90%;
}

#studAddrTable th {
	text-align:left;
	padding:5px;
}

#studAddrTable td {
	padding:5px;
	vertical-align:top;
}

#studAddrTable h4 {
	font-weight:bold;
}

#studentDetComments {
	font-size:16px;
}
#boxStudentKin .boxContent {
	padding:0px 0px 0px 0px;
}

/*** Styles for Courses Box ***/
#bookIcon {
	background:url(https://openchurchadmin.com/_images/bookIcon.png);
}

#boxCourses .boxContent,
#boxOptionalCourses .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#CourseTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#CourseTable th,
#CourseTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:center;
}

#boxCourses h3 a:link,
#boxCourses h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxCourses h3 a:hover {
	text-decoration:underline;
}

#CourseTable td a:link,
#CourseTable td a:visited {
}

#CourseTable td a:hover {
}

#CourseTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

/*** Styles for Success Display Box ***/
#boxStudentSuccessStories .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#SuccessTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#SuccessTable th,
#SuccessTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:center;
}

#SuccessTable .columnC {
	text-align:center;
}

#SuccessTable .columnL {
	text-align:left;
}

#SuccessTable .columnR {
	text-align:right;
}

#boxStudentSuccessStories h3 a:link,
#boxStudentSuccessStories h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxStudentSuccessStories h3 a:hover {
	text-decoration:underline;
}

#SuccessTable td a:link,
#SuccessTable td a:visited {
}

#SuccessTable td a:hover {
}

#SuccessTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

/*** Styles for Activity Display Box ***/
#boxActivityLog .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#ActivityTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#ActivityTable th,
#ActivityTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:left;
}

#boxActivityLog h3 a:link,
#boxActivityLog h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxActivityLog h3 a:hover {
	text-decoration:underline;
}

#ActivityTable td a:link,
#ActivityTable td a:visited {
}

#ActivityTable td a:hover {
}

#ActivityTable tr.tableRow:hover {
	cursor:default;
	background:#cd4f03;
}

/*** Styles for Courses Action Box ***/
#actionIcon {
	background:url(https://openchurchadmin.com/_images/actionIcon.png);
}

#boxCourseAction .boxContent {
	padding:10px 20px 10px 20px;
}

#boxCourses h3 a:link,
#boxCourses h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxCourses h3 a:hover {
	text-decoration:underline;
}

/*** Styles for Existing Instruments Box ***/
#instIcon {
	background:url(https://openchurchadmin.com/_images/instIcon.png);
}

#boxExInst .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#ExInstTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#ExInstTable th,
#ExInstTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:center;
}

#boxExInst .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxExInst h3 a:link,
#boxExInst h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxExInst h3 a:hover {
	text-decoration:underline;
}

#ExInstTable td a:link,
#ExInstTable td a:visited {
}

#ExInstTable td a:hover {
}

#ExInstTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

/*** Styles for Existing Waivers Box ***/
#instWIcon {
	background:url(https://openchurchadmin.com/_images/signature-icon.png);
}

#boxExWaiv .boxContent {
	padding-left:0px;
    padding-right:0px;
}


#ExWaivTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#ExWaivTable th,
#ExWaivTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:center;
}

#boxExWaiv .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxExWaiv h3 a:link,
#boxExWaiv h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxExWaiv h3 a:hover {
	text-decoration:underline;
}

#ExWaivTable td a:link,
#ExWaivTable td a:visited {
}

#ExWaivTable td a:hover {
}

#ExWaivTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}
/*** Styles for Existing Medical Documents Box ***/
#instMIcon {
	background:url(https://openchurchadmin.com/_images/red_cross.png);
}

#boxExMed .boxContent {
	padding-left:0px;
    padding-right:0px;
}


#ExMedTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#ExMedTable th,
#ExMedTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:center;
}

#boxExMed .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#boxExMed h3 a:link,
#boxExMed h3 a:visited {
	color:#323232;
	text-decoration:none;
}

#boxExMed h3 a:hover {
	text-decoration:underline;
}

#ExMedTable td a:link,
#ExMedTable td a:visited {
}

#ExMedTable td a:hover {
}

#ExMedTable tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

/*** Styles for ASI form ***/
#ASIformTable {
	border-collapse:collapse;
	width:100%;
	border:none;
}

#ASIformTable td {
	padding:5px;
	vertical-align:top;
}

#ASIformTable tr.hover:hover {
	background-color:#cd4f03;
}

#ASIformTable td.column1 {
	width:175px;
	vertical-align:top;
}

#ASIformTable td.column1a,
td.column1a {
	padding:5px 5px 5px 15px;
	width:70%;
}

td.indentation{
	padding:5px 5px 5px 15px;
}

#ASIformTable .radio {
	margin:0 5px 0 0;
}

.alignright {
	text-align:right;
}

#ASIformTable .size1 {
	width:15px;
}

#ASIformTable .size2 {
	width:20px;
}

#ASIformTable .size3 {
	width:35px;
}

#ASIformTable .size5 {
	width:40px;
}

#ASIformTable td table td {
	padding:2px;
}

td table.whole,
td table.thirds,
td table.halfs {
	border-collapse:collapse;
	width:100%;
}

td table.thirds td {
	width:30%;
}

td table.halfs td {
	width:50%;
}

tr.intvwrQues {
	background:#CCC;
}
table .full {
	width:100%;
}

table .center {
	text-align:center;
}

table .bordered {
	border:#000 solid 1px;
	border-collapse:collapse;
}

table .bordered td {
	border:#000 solid 1px;
}

table td.columnborder {
	border-left:1px solid #323232;
	border-right:1px solid #323232;
}

table tr.shaded {
	background:#CCC;
}

span.rotate-90 {
	display:block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.CalendarTable {
	background-color:#dddddd;
}

.calendarDay {
	vertical-align:top;
    text-align:right;
    background-color:#fefefe;
    padding:3px;
}

.calendarDayEvents {
	vertical-align:top;
    text-align:right;
    background-color:#CD9573;
    padding:3px;
}

.calendarDayCurrent {
	vertical-align:top;
    text-align:right;
    background-color:#CC703B;
    padding:3px;
}

.calendarDayEvents:hover,
.calendarDayCurrent:hover,
.calendarDay:hover {
	background-color:#CD4F03;
	cursor:hand;
	cursor:pointer;
}

#mainContent .calendarDayEvents a:link,
#mainContent .calendarDayEvents a:visited,
#mainContent .calendarDayCurrent a:link,
#mainContent .calendarDayCurrent a:visited {
	color:#323232;
	text-decoration:none;
}

#mainContent .calendarDayEvents a:hover,
#mainContent .calendarDayCurrent a:hover {
	color:#fefefe;
	text-decoration:underline;
}

#boxCalEvents .boxContent {
	padding-left:0px;
    padding-right:0px;
}

#CalendarEventsTable {
	border-collapse:collapse;
	width:100%;
	position:relative;
	top:-20px;
	border:#323232 solid 1px;
}

#CalendarEventsTable th,
#CalendarEventsTable td {
	border:#323232 solid 1px;
	padding:5px;
	text-align:center;
}


.list_table tr.tableRow:hover {
	cursor:hand;
	cursor:pointer;
	background:#cd4f03;
}

/* Styles for People Attendance Records Box */

.attendance p {
	line-height:1;
	padding:0;
	margin:0;
}

.attendanceScroll {
	width:100%;
	height:125px;
	overflow-x:scroll;
	overflow-y:hidden;
	margin-bottom:15px;
	margin-top:10px;
}

.attendance {
	width:999999999999999999999999999999999999px;
}

.attendanceYear {
	float:left;
	text-align:right;
}

.attendanceYear p {
	line-height:30px;
	padding-right:10px;
	font-weight:bold;
	color:#fefefe;
}

.attendanceYear:nth-child(even) {
	background-color:#828282;
}

.attendanceYear:nth-child(odd) {
	background-color:#323232;
}

.attendanceMonth {
	float:left;
	text-align:center;
	border-left:solid 1px black;
	padding:5px;
	background-color:#dddddd;
}

.attendanceMonth p {
	font-weight:normal;
	color:#323232;
	padding:0;
}

.attendanceDay {
	width:30px;
	height:30px;
	float:left;
	border-radius:50%;
	margin:5px;
	cursor:default;
}

.attendancePresent {
	background-color:#41a541;
}

.attendanceAbsent {
	background-color:#C00;
}

.attendanceDay p {
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:#fefefe;
}

/* Styles for Icons */

#attendanceIcon {
	background:url(https://openchurchadmin.com/_images/attendance_20.png);
}

#addUserIcon {
	background:url(https://openchurchadmin.com/_images/user_add.png);
}

#userIcon {
	background:url(https://openchurchadmin.com/_images/user.png);
}

#errorIcon {
	background:url(https://openchurchadmin.com/_images/errorIcon.png);
}

#messageIcon {
	background:url(https://openchurchadmin.com/_images/infoIcon.png);
}

#reportsIcon {
	background:url(https://openchurchadmin.com/_images/reportsIcon.png);
}

#genReportsIcon {
	background:url(https://openchurchadmin.com/_images/genReportIcon.png);
}

#roomsIcon {
	background:url(https://openchurchadmin.com/_images/room.png);
}

#roomAvailIcon {
	background:url(https://openchurchadmin.com/_images/room_notFull.png);
}

#roomQuestionIcon {
	background:url(https://openchurchadmin.com/_images/room_question.png);	
}

#roomInspectionIcon {
	background:url(https://openchurchadmin.com/_images/room_inspect.png);
}

#alertIcon {
	background:url(https://openchurchadmin.com/_images/alertIcon.png);
}

#checkIcon {
	background:url(https://openchurchadmin.com/_images/check.png);
}
#flagYellowIcon {
	background:url(https://openchurchadmin.com/_images/flag-yellow.png);
}

#flagGreenIcon {
	background:url(https://openchurchadmin.com/_images/flag-green.png);
}
#flagRedIcon {
	background:url(https://openchurchadmin.com/_images/flag-red.png);
}
#notepadIcon {
	background:url(https://openchurchadmin.com/_images/notepad.png);
}
#balanceIcon {
	background:url(https://openchurchadmin.com/_images/balance.png);
}
#treatmentIcon {
	background:url(https://openchurchadmin.com/_images/plan_icon.png);
}
#eventIcon {
	background:url(https://openchurchadmin.com/_images/event.png);
}
#addEventIcon {
	background:url(https://openchurchadmin.com/_images/addEvent.png);
}
#phoneIcon {
	background:url(https://openchurchadmin.com/_images/phoneIcon.png);
}
#familyIcon {
	background:url(https://openchurchadmin.com/_images/familyIcon.png);
}
#safeIcon {
	background:url(https://openchurchadmin.com/_images/safe.png);
}
#coinIcon {
	background:url(https://openchurchadmin.com/_images/coinIcon.png);
}

/* styling used for PersonSelect lists as used in prayerrequests.php page */
	.selectionPersonList {
	  background-color:#ffffff;
	  position:absolute;
	}
	.selectionPersonList table {
	  border:1px solid;
	}
	.selectionPersonList td:hover {
	  background-color:#1975FF;
	  color:#ffffff;
	  cursor:pointer;
	}

.css3 input[type=checkbox] {
	visibility: hidden;
}

/* SLIDE ONE */
.css3.slideOne {
	width: 50px;
	height: 10px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.css3.slideOne label {
	display: block;
	width: 16px;
	height: 16px;

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

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -3px;
	left: -3px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.css3.slideOne input[type=checkbox]:checked + label {
	left: 37px;
}

/* SLIDE TWO */
.css3.slideTwo {
	width: 80px;
	height: 30px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.css3.slideTwo:after {
	content: '';
	position: absolute;
	top: 14px;
	left: 14px;
	height: 2px;
	width: 52px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #111;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.css3.slideTwo label {
	display: block;
	width: 22px;
	height: 22px;

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

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 4px;
	z-index: 1;
	left: 4px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.css3.slideTwo label:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #333;
	left: 6px;
	top: 6px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
}
.css3.slideTwo input[type=checkbox]:checked + label {
	left: 54px;
}
.css3.slideTwo input[type=checkbox]:checked + label:after {
	background: #00bf00;
}

/* SLIDE THREE */
.css3.slideThree {
	width: 90px;
	height: 26px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.css3.slideThree:after {
	content: 'KEEP';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}
.css3.slideThree:before {
	content: 'DEL';
	font: 12px/26px Arial, sans-serif;
	color: #F00;
	position: absolute;
	left: 13px;
	z-index: 0;
	font-weight: bold;
}
.css3.slideThree label {
	display: block;
	width: 39px;
	height: 20px;

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

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.css3.slideThree input[type=checkbox]:checked + label {
	left: 48px;
}

/* ROUNDED ONE */
.css3.roundedOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

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

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
.css3.roundedOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.css3.roundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
.css3.roundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.css3.roundedOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ROUNDED TWO */
.css3.roundedTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

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

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
.css3.roundedTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.css3.roundedTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.css3.roundedTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.css3.roundedTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED ONE */
.css3.squaredOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
.css3.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.css3.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
.css3.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.css3.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED TWO */
.css3.squaredTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
.css3.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.css3.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.css3.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.css3.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/* SQUARED THREE */
.css3.squaredThree {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}
.css3.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.css3.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.css3.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.css3.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED FOUR */
.css3.squaredFour {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}
.css3.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.css3.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.css3.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}
.css3.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}