@charset "utf-8";
/* CSS Document */

body 		{ text-align:center; margin:0; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a 			{ text-decoration: none; color: #4f7ba4; outline: none; }
a:hover 	{ text-decoration: underline; color: #0B2A4C; outline: none; }
div,p,table	{ color:#000000; font-size:12px; }
p 			{ padding: 0; margin: 0; }
h1 			{ padding: 0; margin: 0; color: #4f7ba4; font-size:22px; padding-bottom:10px; }
h2 			{ padding: 0; margin: 0; color: #4f7ba4; font-size:20px; }
h3 			{ padding: 0; margin: 0; color: #4f7ba4; font-size:18px; }
img 		{ border: none; }
input		{ font-size:12px; }
table		{ border:0; padding:0; border-collapse:collapse; }
td			{ vertical-align:top; }

#body 		{ width:780px; max-width:780px; padding:5; margin:auto; text-align:center; }
#header		{ width:100%; border-bottom:solid; border-bottom-color:#000000; border-bottom-width:3px; }
#header_rt	{ padding-top:30; float:right; }
#header_lf	{ text-align:left; }
#navigation	{ padding-top:5; padding-bottom:5; border-top:solid; border-top-color:#000000; border-top-width:3px; }
#content	{ padding-top:5; padding-bottom:5; text-align:left; }
#footer		{ width:100%; border-top:solid; border-top-color:#000000; border-top-width:3px; height:20px; text-align:center; font-size:10px; }

/* Cpanel */
#cpanel						{ width:680px; text-align:center; }
#cpanel div.icon 			{ text-align:center; padding-bottom:10; margin-right:5px; float:left; margin-bottom:5px; }
#cpanel div.icon a 			{ display:block; float:left; border:1px solid #f0f0f0; height:170px; width:128px; color:#666; vertical-align:middle; text-decoration:none; }
#cpanel div.icon a:hover 	{ border:1px solid #ccc; color:#0B55C4; }
#cpanel img  				{ padding:10px 0; margin:0 auto; }
#cpanel span 				{ display:block; text-align:center; }

/* Login */
.lock 				{ text-align:center; vertical-align:middle; }
#login 				{ text-align:center; padding-top:100px; padding-bottom:100px; }
#form-login label 	{ display: block; float: left; width: 120px; text-align: right; padding: 4px; color: #666; font-weight: bold; }
.LoginIncorrect		{ color:#FF0000; font-weight:bold; background-color:#33FF33; padding:10px; }
.loginForm			{ vertical-align:middle; }
.logoutName			{ vertical-align:middle; }
.logoutLock			{ }

/* Page */
#title 				{ padding-top:10px; padding-bottom:10px; font-size:22px; font-weight:bold; color:#184479; }
#toolbox 			{ float:right; width:auto; }
#listTitle			{ padding-top:10px; padding-bottom:10px; font-size:16px; font-weight:bold; color:#184479; }
.listTable			{ vertical-align:middle; }
.ListSeperator		{ background-color:#000000; font-size:1px; height:1px; }

/* Stats */
#statistics			{ font-size:16px; }
#statistics	p		{ font-size:16px; line-height:1.5; }
#Visits				{ float:left; font-size:16px; }
#break				{ clear:both; height:2px; background-color:#000000; font-size:1px; margin-top:10px; margin-bottom:10px; }
#DateForm			{ float:right; }
.item				{ width:200px; text-align:right; padding-right:10px; font-weight:bold; }
.itemNum			{ width:50px; }
#Stats_Numbers		{ font-size:16px; }
#Stats_Graph		{ font-size:16px; }

/* Form */
.inputTitle			{ padding-top:5px; font-weight:bold; width:150px; text-align:right; padding-right:5px; }
.inputItem			{ padding-bottom:5px; padding-right:5px; }
.inputNote			{ padding-top:5px; font-style:italic; color:#CCCCCC; }
form  				{ margin:0px; padding:0px; }
form .inputbox  	{ width:120px; margin-left:10px; }
form br 	    	{ display:none; }
.input				{ font-size:12px; }

/* System Messages */
#system-message    		{ margin-bottom: 10px; padding: 0; }
#system-message dd 		{ margin: 0; font-weight: bold; text-align:center; }
#system-message dd ul 	{ color:#FFC1A4; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #FF5300; border-bottom: 3px solid #FF5300; }

/* System Error Messages */
#system-message dt.error 	{ display: none; }
#system-message dd.error ul { color: #c00; background-color:#FFC1A4; border-top: 3px solid #FF5300; border-bottom: 3px solid #FF5300; }

/* WYSIWYG */
#wysiwyg		{ padding:10px; width:400px; }
#wysiwygHeader	{ text-align:center; padding:5px; font-weight:bold; font-size:14px; color:#FFFFFF; background-color:#4f7ba4; width:100%; border-bottom:solid; border-bottom-color:#000000; border-bottom-width:3px; }
.wysiwygTitle	{ padding-top:5px; font-weight:bold; text-align:right; padding-right:5px; }
.wysiwygItem	{ padding-bottom:5px; padding-right:5px; }
#wysiwygselection { float:left; background-color:#CCCCCC; width:200px; height:270px; overflow-y: scroll; scrollbar-arrow-color:blue; scrollbar-face-color:#e7e7e7; scrollbar-3dlight-color:#a0a0a0; scrollbar-darkshadow-color:#888888; }
#wysiwygImageSelect { float:left; background-color:#CCCCCC; width:200px; height:370px; overflow-y: scroll; scrollbar-arrow-color:blue; scrollbar-face-color:#e7e7e7; scrollbar-3dlight-color:#a0a0a0; scrollbar-darkshadow-color:#888888; }

/* Events */
#calendarMonth table	{ border:0px; border-collapse:collapse; border-spacing:0; padding:0; font-size:12px; background-color:#efefef }
#calendarMonth td		{ vertical-align:top; }

#calendarMonth tr.date			{ height:100px; }
#calendarMonth td.day 			{ text-align:left; background-color:#FFFFFF; }
#calendarMonth td.today 		{ text-align:left; }
#calendarMonth td.days 			{ text-align:center; width:14%; font-weight:bold; }
#calendarMonth span.event 		{ clear:both; display:block; text-align:left; padding-bottom:5px; }
#calendarMonth span.date 		{ display:block; text-align:left; font-weight:bold; }
#calendarMonth span.monthEvent 	{ display:block; text-align:center; }

#calNav			{ text-align:center; width:auto; }
#calNav_right 	{ float: right; padding:10px; }
#calNav_left 	{ float: left; padding:10px; }
#calNav_Month	{ text-align:center; padding:10px; width:auto; font-weight:bold; font-size:14px; }

/* Photo */
.boxSeperate_top_left			{ background-image:url(/cpanel/includes/graphics/test/box_top_left.png); height:14px; width:13px; }
.boxSeperate_left				{ background-image:url(/cpanel/includes/graphics/test/box_left.png); width:13px; }
.boxSeperate_bottom_left		{ background-image:url(/cpanel/includes/graphics/test/box_bottom_left.png); height:14px; width:13px; }
.boxSeperate_top_right			{ background-image:url(/cpanel/includes/graphics/test/box_top_right.png); height:14px; width:13px; }
.boxSeperate_right				{ background-image:url(/cpanel/includes/graphics/test/box_right.png); width:13px; }
.boxSeperate_bottom_right		{ background-image:url(/cpanel/includes/graphics/test/box_bottom_right.png); height:14px; width:13px; }
.boxSeperate_top				{ background-image:url(/cpanel/includes/graphics/test/box_top.png); height:14px; }
.boxSeperate_middle				{ background-image:url(/cpanel/includes/graphics/test/box_middle.png); }
.boxSeperate_bottom				{ background-image:url(/cpanel/includes/graphics/test/box_bottom.png); height:14px; }

#photoCategory					{ width:auto; }
.photoCategoryTitle				{ color:#4f7ba4; font-weight:bold; border-bottom:2; border-bottom-style:solid; display:block; }
.photoCategoryNames				{ width:150px; display:block; padding-bottom:4px; padding-top:4px; }
#PhotoTools						{ padding:10px; border-bottom:solid; border-bottom-color:#4f7ba4; }
#photoAlbum						{ text-align:left; padding-left:10px; }
#photoAlbum div.icon 			{ text-align:center; padding-bottom:10; margin-right:5px; float:left; margin-bottom:5px; }
#photoAlbum div.icon a 			{ display:block; float:left; border:1px solid #f0f0f0; height:97px; width:180px; color:#666; vertical-align:middle; text-decoration:none; }
#photoAlbum div.icon a:hover 	{ border:1px solid #ccc; color:#0B55C4; }
#photoAlbum img  				{ padding:10px 0; margin:0 auto; border:0; }
#photoAlbum span 				{ display:block; text-align:center; }

/* People */
.People_SmallTxt	{ font-size:11px; }

/* Lesson */
#lessonview			{ width:auto; }
#lessonItem			{ margin:10px; float:left; }
#LessonDetail		{ margin:10px; }
#lessonTitle		{ font-weight:bold; padding-right:10px; width:150px; text-align:right; }

/* Extras */
.version 	{ display:block; float:right; color:#fff; padding:12px; }
.copyright 	{ text-align:center; display:block; color:#999999; font-size:10px; }
.login 		{ display:block; float:right; color:#fff; padding:12px; }
.logout		{ color:#0000FF; font-weight:bold; margin:10px;}

#webForm 			{ text-align:center; }
#form-web label 	{ display:block; float:left; width:150; text-align:right; padding:4px; color:#666; font-weight:bold; font-size:12px; }

#tbl_displayData		{ width:100%; }
.tbl_displayData-title 	{ padding:5px; margin:0; color:#4f7ba4; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; font-size:14px; }
.tbl_displayData-data 	{ font-size:12px; padding:5px; }