/*	SKELETON  												*/
/*  IMAGES IN DIR    	/templates/skeleton/images/ 	 	*/

/*---------------------------------------*/
/* Defaults						         */
/*---------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #e1e0c1;
}
td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

a:link 									{ color: #0066CC; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a:visited 								{ color: #0066CC; text-decoration: none; }
a:hover 								{ color: #000000; text-decoration: none; }
a:active 								{ color: #0066CC; text-decoration: none; }
hr 										{ background-color: #EFEFEF; border: 1px solid #EFEFEF; }

li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: -20px;
}

h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 1px;
	line-height : 26px;
	color : #00529c;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	height : 25px;
	letter-spacing : 1px;
	line-height : 26px;
	color : #3163AA;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.news-title {
	padding: 5px;
	font-weight: bold;
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	font-size: 14px;
	height: 40px;
}
.news-content {
	padding: 5px;
	vertical-align: top;
	height: 250px;
}
.news-list-content {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news-list-content-alt {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #e8e8e8;
		padding-top: 5px;
	padding-bottom: 5px;
}
.news-author {
	padding: 5px;
	font-style: italic;
	color: #666666;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.news-date {
	padding: 5px;
	color: #990000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.news-buttons {
	padding: 5px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 30px;
}

/*---------------------------------------*/
/* Common Styles 				         */
/*---------------------------------------*/

.blueheading								{ font-size: 14px; color: #275179; font-weight:bold;}
.subheading									{ font-size:11px; color:#999999; font-weight:bold; }
.maincontent a:hover 						{ background-color:#C1DBFF; }
.maincontent a.nohover						{ background-color: #fff; }
.red 										{ color:#CC0000; font-weight:bold; }
.note										{ color:#999; font-size:11px; }
.text										{ line-height:18px; }

/* Success Messages (green box) */
.successbox, .notice-success, .form_successbox
										{  background-color: #007F05; color: #fff;  font-size: 11px;  margin: 5px;  padding: 7px 7px 7px 40px;  text-align: left; border:0; }

/* Error  Messages (red box) */
.errorbox, .notice-error,  .notice-alert, .table-error 
										{ background-color: #990000;  color: #fff;  font-size: 11px;  margin: 5px;  padding: 7px 7px 7px 40px;  text-align: left;  border:0; }

/* hack lists so text shows up right color */
.notice-error li, .notice-alert li, .table-error ul li, .errorbox li { color: #fff; padding: 3px;}

/* inline errors */
.error, .validation-advice, .form_error { color: #ff0000; font-weight: bold; }

/*---------------------------------------*/
/* Page Specific
/*---------------------------------------*/

/* Search Friends */
.pagination									{ padding: 10px;}
.searchresults								{ border: 1px solid #ccc; margin: 10px; padding: 10px; margin-bottom:7px;} 

/* Friend's Listing */
.pendinglist								 { border: 1px solid #FFB93F; padding: 5px; margin-bottom:7px;} 
.pendinglist .heading						{ font-size: 14px; color: #FFA200; font-weight:bold;}
.pendinglist .friendsmsg					{ background-color:#FFF2CF; border:1px solid #FFD86F; margin:7px 7px 5px 0px; padding:6px; width:300px; }

.friendslist								{ border: 1px solid #ccc; padding: 5px; margin-bottom:7px;} 
.friendslist .heading						{ font-size: 14px; color: #275179; font-weight:bold;}
.friendslist .options						{ background-color:#EFF8FF; border:1px solid #CFEBFF; margin:7px 5px 3px 20px; padding:10px; width:300px; } 


/* Shared for Friends's Listin & Search */
.heading_friend								{ font-size: 14px; color: #275179; font-weight:bold;}
.heading_notfriend							{ font-size: 14px; color: #666; font-weight:bold;}
.options									{ background-color:#EFF8FF; border:1px solid #CFEBFF; margin:7px 5px 3px 20px; padding:10px; width:300px; } 

/* View Profile */
.friendoptions								{ display:block; padding:2px 0px; }
.addfriendwindow							{ border:1px solid #ccc; padding: 3px; line-height:18px; margin:3px 0px;} 
.greybox									{ border: 1px solid #999; padding: 6px; margin:5px;  }
.greyboxnoborder							{ padding: 6px;  }
.wallposttextarea							{ width: 100%; margin-right: 5px; border:1px solid #7892AF; font-size:11px; overflow-y:scroll;}

.wallposts									{ border: 1px solid #ccc; padding: 5px; margin-bottom:7px; margin-right: 5px;} 
.wallposts .heading							{ font-size: 14px; color: #275179; font-weight:bold;}
.wallposts .small							{ font-size: 10px; color: #333; }

/* Edit Profile */
.avatar										{ padding:10px; margin: 5px; text-align:center; }



/*---------------------------------------*/
/* Tabbed Nav for Messages 		         */
/*---------------------------------------*/

#messages_nav 									{ border-bottom: 1px solid #778; margin-left: 0; padding: 3px 0; }
#messages_nav li 								{ display: inline; list-style: none; margin: 0; }
#messages_nav li a /* tab container */			{ background: #EF95AE; color: #fff; border: 1px solid #778; border-bottom: none; margin-left: 6x; padding: 3px 0.7em; text-decoration: none; }
#messages_nav li a:link 						{ color: #fff; }
#messages_nav li a:visited 						{ color: #fff; }
#messages_nav li a:hover 						{ background: #FFBFD1; color: #BF2F57; text-decoration: underline ;}
#messages_nav li a#current 	/* selected */  	{ color: #BF2F57; background: #fff; border-bottom: 1px solid #fff; }

/*---------------------------------------*/
/* Form Manager	 						 */
/*---------------------------------------*/

.form_style		table 							{ /*width: 480px; width of the table*/ }
.form_required									{ color: #FF0000;  }
.form_desc										{ color: #999999; }
.form_fieldname									{ font-weight:bold; }
.form_question									{ white-space:normal; }
/* a lot of these styles are by default under "Common Styles" above */

/* big forms */
.forms										{ padding: 10px; }
.forms h4									{ font-weight:bold; font-size:14px; }
.forms input, select, textarea				{ padding: 2px; border: 1px solid #999; color:#444; font-size:12px; } 

/* login */
.table-main .formfields						{ padding: 2px; border: 1px solid #999; color:#444; font-size:12px;  }
.table-main input.formbuttons 				{ font-size: 12px; font-weight: bold; }

/* generic */
input.submitbutton 							{ background-color: #339900; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 10px; }
input.cancelbutton 							{ background-color: #990000; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 10px; }
input.submitbuttonsml						{ background-color: #339900; color: #fff; font-size: 10px; font-weight: bold; padding: 1px 3px; }
input.cancelbuttonsml						{ background-color: #990000; color: #fff; font-size: 10px; font-weight: bold; padding: 1px 3px; }


/*---------------------------------------*/
/* Structural					         */
/*---------------------------------------*/
.Left-Tile {
	background-color: #00529e;
	background-image: url(../images/left-tile.jpg);
	background-repeat: repeat-y;
	background-position: right center;
}
.Left-Tile-Top {
	background-color: #00529e;
	background-image: url(../images/left-tile-top.jpg);
	background-repeat: repeat-y;
	background-position: right center;
	height: 193px;
}
.Right-Tile {
	background-color: #00529e;
	background-image: url(../images/right-tile.jpg);
	background-repeat: repeat-y;
	background-position: left center;
}
.Right-Tile-Top {
	background-color: #00529e;
	background-image: url(../images/right-tile-top.jpg);
	background-repeat: repeat-y;
	background-position: left center;
		height: 193px;
}
.Middle-Tile {
	width:780;
	background-color: #04438c;
	font-family : Arial, Helvetica, sans-serif;
}
.Middle-Tile-Bot {
	width:780;
	background-color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	background-image: url(../images/mid-tile-bot.jpg);
	height: 52px;
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 120px;
}
.Middle-Tile-Content {
	width:780;
	background-color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	height: 56px;
}
.Splash-Table {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #d7d7d7;
	vertical-align: top;	
	font-family : Arial, Helvetica, sans-serif;
}
.Splash-Table2 {
	background-color: #FFFFFF;
	vertical-align: top;
	font-family : Arial, Helvetica, sans-serif;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/*---------------------------------------*/
/* Table CSS Properties            */
/*---------------------------------------*/

.table-1-1 {
	height:0px;
}
.table-1-2 {
	height:0px;
}
.table-1-3 {
	height:0px;
}
.table-2-1 {
	padding-left: 5px;
}
.table-2-2 {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
	height: 150px;
	vertical-align: top;
}
.table-2-3 {
	padding-right: 5px;
}
.table-3-1 {
	height:1px;
}
.table-3-2 {
	height:1px;
}
.table-3-3 {
}
/*---------------------------------------*/
/*Horizontal Menu CSS Properties         */
/*---------------------------------------*/

.menu-bar {
	text-align: left;
	height: 30px;
	padding-right: 15px;
	padding-left: 15px;
	background-position: top;
	background-color: #04438c;
}

.menu-bar-box {
	text-align: left;
	float: none;
}
.menu-button-reg {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.menu-button-hover {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 5px;
}
.menu-button-over {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 5px;
}
.menu-button-over-hover {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	padding-right: 10px;
	padding-left: 5px;
}



/*---------------------------------------*/
/* Dialogs & Alerts					     */
/*---------------------------------------*/

.dialog 								{ display: block; position: absolute; }
.dialog table.table_window 				{ border-collapse: collapse; border-spacing: 0; margin: 0px; padding: 0px; width: 100%; }
.dialog table.table_window td, .dialog table.table_window th { padding: 0; }
.dialog .title_window 					{ moz-user-select: none; }
.overlay_default { }
.default_nw 							{ background: transparent url(/common/templates/default/images/default/left-top.gif) no-repeat 0 0; height: 25px; width: 10px; }
.default_n 								{ background: transparent url(/common/templates/default/images/default/top-middle.gif) repeat-x 0 0; height: 25px; }
.default_ne 							{ background: transparent url(/common/templates/default/images/default/right-top.gif) no-repeat 0 0; height: 25px; width: 10px; }
.default_w 								{ background: transparent url(/common/templates/default/images/default/frame-left.gif) repeat-y top left; width: 7px; }
.default_e 								{ background: transparent url(/common/templates/default/images/default/frame-right.gif) repeat-y top right; width: 7px; }
.default_sw 							{ background: transparent url(/common/templates/default/images/default/bottom-left-c.gif) no-repeat 0 0; height: 7px; width: 7px; }
.default_s 								{ background: transparent url(/common/templates/default/images/default/bottom-middle.gif) repeat-x 0 0; height: 7px; }
.default_se, .default_sizer 			{ background: transparent url(/common/templates/default/images/default/bottom-right-c.gif) no-repeat 0 0; height: 7px; width: 7px; }
.default_sizer 							{ cursor: se-resize; }
.default_close 							{ background: transparent url(/common/templates/default/images/default/button-close-focus.gif) no-repeat 0 0; cursor: pointer; height: 23px; position: absolute; right: 11px; top: 0px; width: 23px; z-index: 1000; }
.default_minimize 						{ background: transparent url(/common/templates/default/images/default/button-min-focus.gif) no-repeat 0 0; cursor: pointer; height: 23px; position: absolute; right: 55px; top: 0px; width: 23px; z-index: 1000; }
.default_maximize 						{ background: transparent url(/common/templates/default/images/default/button-max-focus.gif) no-repeat 0 0; cursor: pointer; height: 23px; position: absolute; right: 33px; top: 0px; width: 23px; z-index: 1000; }
.default_title 							{ color: #123456; float: left; font-size: 14px; height: 14px; margin-top: 2px; text-align: center; width: 100%; }
.default_content 						{ background: #FDFDFD; color: #000; font: 12px arial; font-family: Tahoma, Arial, sans-serif; overflow: auto; }
.default_window 						{ background: #FFF; border: 1px solid #F00; margin-left: auto; margin-right: auto; padding: 20px; width: 400px; }
.default_message 						{ font: 12px arial; padding-bottom: 10px; text-align: center; width: 100%; }
.default_buttons 						{ text-align: center; width: 100%; }
.default_buttons input 					{ margin: 10px; width: 20%; }
.default_progress 						{ background: #FFF url('/common/templates/default/images/progress.gif') no-repeat center center; float: left; height: 16px; margin: auto; text-align: center; width: 100%; }
.default_wired_frame {
/*
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
	*/
}
/*---------------------------------------*/
/*Vertical Menu CSS Properties           */
/*---------------------------------------*/

.button-table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	width: 180px;
}
.button-link {
	font-size: 16px;
	color: #003366;
}
/*Main Menu Buttons    */
.button1 {
	font-size: 14px;
	color: #003366;
	padding-left: 15px;
	display: block;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
.button1-reg {
	font-size: 14px;
	color: #003366;
	width: 180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 25px;
	list-style-position: inside;
	padding-top: 5px;
	padding-bottom: 5px;
}
.button1-link {
	font-size: 12px;
	color: #003366;
}
.button1-reg-hover {
	padding: 5px;
}
.button1-over {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #CCCCCC;
}
.button1-over-hover {
	padding: 5px;
}

/*Sub Menu Buttons    */

.button2-reg {
	font-size: 14px;
	color: #FFFFFF;
	width: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 25px;
	list-style-position: inside;
		padding-top: 5px;
	padding-bottom: 5px;
}
.button2-link {
	font-size: 12px;
	color: #FFFFFF;
}
.button2-reg-hover {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DDFFFF;
}
.button2-over {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DFDFDF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.button2-over-hover {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DDFFFF;
}

/*Sub Sub Menu Buttons    */

.button3-reg {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #FFFFFF;
}
.button3-reg-hover {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DDFFFF;
}
.button3-over {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #333333;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.button3-over-hover {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #DDFFFF;
}