@charset "utf-8";

/*

SUMMARY OF CONTENT IN THIS CSS FILE
This css file is organized into categories to 
best organize it. Please refer to the summary 
below to find the right section you want to 
edit.

-------------------------------------
----------------SUMMARY--------------
-------------------------------------

- MAIN TAGS (Tags that need to be defined with specific styles ie: body)

	- HEADINGS
	
	- FORMS
	
	- TABLES
	
	- TEXT TAGS

- OVERALL (Styles that apply to all pages)

- COLUMNS

- HEADER
	
	- LOGO
	
	- MENU
	
		- DROPDOWN
	
	- SEARCH BAR

- SLIDER

	- CONTAINERS

	- NAVS

	- SELECTORS
	
- INDEX PAGE

	- HEADINGS
	
	- NOTEBOOK SLIDER
	
		-NAVS
	
- PORTFOLIO

- BLOG

	- BLOG INFO
	
	- COMMENTS
	
		- COMMENT INFO
		
		- COMMENT CONTENT
		
- SIDEBAR

	- LISTS
	
- PAGINATION
	
- FOOTER

	- HEADINGS
	
	- FORMS

- COPYRIGHT

*/


/*------------------------
---------------- MAIN TAGS
------------------------*/

body {
	
	background: #ffffff url(../assets/light/blue/bg.gif) repeat-x top left;
	color: #636363;
	
}

a {
	
	color: #28a8de;
	
}

a:hover {
	
	color: #2f88ad;
	
}

code {
	
	background: #f6f6f6 url(../assets/light/code.gif);
	border: 1px solid #e1e1e1;
	
}

blockquote {
	
	background: #f1f1f1;
	border: 1px solid #dddddd;
	
}

/*table {border-top: 1px solid #dddddd;  border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 100%; }
tr.heading td { padding: 5px 10px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; font-weight: bold; }*/
td { padding: 10px; border-right: /*1px solid #dddddd;*/ }

.heading { background: #dddddd; }
.alternate1 { background: #f1f1f1; }
.alternate2 { background: #f8f8f8; }



	/*------------------------
	----------------- HEADINGS
	------------------------*/
	
	h1,h2,h3,h4,h5,h6,
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
		
		color: #1e334c;
		
	}
	
	h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
		
		color: #406086;
		
	}
	
		.title em {
				
				color: #636363;
				
		}
		
		.index_heading {
			
			background: url(../assets/light/index_heading_bg.gif) no-repeat bottom;
			
		}
		
		.grey {
			
			color: #828282;
			font-weight: normal;
			
		}




	/*------------------------
	---------------- FORMS
	------------------------*/
	
	label { 
	
		color: #686868;

	}
	
	input, textarea, select {
		/*background: #f2f2f2;*/
		/*background: #FFC url(../assets/light/form_BG.gif) repeat-x top left;*/
		background: url(../assets/light/form_BG.gif) repeat-x top left;		
		border: 1px solid #d9d9d9; 
		color: #707070;
		font-size:15px !important;
		font-weight:bold !important;
		
	}
	
	input:focus, textarea:focus, select:focus {
		
		border: 1px solid #8a8a8a;
		color: #5c5c5c;
		
	}
	
	.alert {
		
		border: 1px solid #FB6064;
		
	}
	
	select {
		
		background: #ffffff;
		
	}
	
	label span { color: #f00; }




	/*------------------------
	---------------- TABLES
	------------------------*/




	/*------------------------
	---------------- TEXT TAGS
	------------------------*/




/*------------------------
---------------- OVERALL
------------------------*/

#bg_wrapper {
	
	background: url(../assets/light/blue/wrapper_bg.jpg) no-repeat top center;
	
}

.divider_one {
	
	background: url(../assets/light/divider_one.gif) no-repeat top center;
	
}

.divider_two_three {
	
	background: url(../assets/light/divider_two_three.gif) no-repeat top center;
	
}

.divider_three {
	
	background: url(../assets/light/divider_three.gif) no-repeat top center;
	
}




/*------------------------
---------------- COLUMN
------------------------*/




/*------------------------
---------------- HEADER
------------------------*/




	/*------------------------
	---------------- LOGO
	------------------------*/




	/*------------------------
	---------------- MENU
	------------------------*/
	
		#menu ul {
			
			background: url(../assets/light/menu_separator.gif) repeat-y top left;
			
		}
			
				#menu ul li a {
					
					background: url(../assets/light/menu_separator.gif) repeat-y top right;
					color: #828282;
					text-shadow: 0px 1px 0px #ffffff;
					font-size:16px !important;
					
				}
				
				#menu ul li.current a {
					
					color: #474747;
					
				}
				
				#menu ul li a:hover {
					
					color: #1e334c;
					
				}




		/*------------------------
		---------------- DROPDOWN
		------------------------*/
		
		#menu ul li ul {
			
			border: 1px solid #cccccc;
			border-bottom: none;
			border-top: 1px solid #ffffff;
			background: #d9d9d9;
			
		}
			
			#menu ul li ul li a {
				
				background: none;
				border-bottom: 1px solid #cccccc;
				text-shadow: none;
				
			}
			
			#menu ul li ul li a:hover {
				
				background: #cccccc;
				
			}
			
		#menu ul li ul li ul {
			
			border: 1px solid #cccccc;
			
		}




	/*------------------------
	--------------- SEARCH BAR
	------------------------*/
	
	#search {
		
		background: url(../assets/light/search_bg.gif) no-repeat top left;
		
	}
	
		#search input.search_field {
			
			background: none;
			border: none;
			color: #ffffff;
			
		}
		
		#search input.search_field:focus, #search input.search_submit:focus {
			
			border: none;
			
		}
		
		#search input.search_submit {
			
			background: none;
			border: none;
			
		}
		
		#search input.search_submit:hover {
		
			background: url(../assets/light/search_button.gif) no-repeat top left;	
			
		}




/*------------------------
---------------- SLIDER
------------------------*/

#slider {
	
	background: url(../assets/light/slider_bg.gif) repeat-x bottom left;
	
}

	#slider_bg_wrapper {
		
		background: url(../assets/light/slider_bg_wrapper.gif) no-repeat bottom center;
		
	}




	/*------------------------
	---------------- CONTENT
	------------------------*/




	/*------------------------
	---------------- NAVS
	------------------------*/
	
	#slider_arrow_left, #slider_arrow_left_disabled {
		
		background: url(../assets/light/slider_left_arrow.png) no-repeat top left;
		
	}
	
	#slider_arrow_left_disabled {
		
		background: url(../assets/light/slider_left_arrow_disabled.png) no-repeat top left;
		
	}
	
	#slider_arrow_right, #slider_arrow_right_disabled {
		
		background: url(../assets/light/slider_right_arrow.png) no-repeat top left;
		
	}
	
	#slider_arrow_right_disabled {
		
		background: url(../assets/light/slider_right_arrow_disabled.png) no-repeat top left;
		
	}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
		ul#slider_selector li, ul#slider_selector_dis li {
			
			background: url(../assets/light/slider_selector.png) no-repeat top left;
			
		}
		
		ul#slider_selector li.current, ul#slider_selector_dis li.current {
			
			background: url(../assets/light/slider_selector_current.png) no-repeat top left;
			
		}




/*------------------------
--------------- INDEX PAGE
------------------------*/




	/*------------------------
	---------------- HEADINGS
	------------------------*/




	/*------------------------
	---------- NOTEBOOK SLIDER
	------------------------*/
	
	#slider_note {
		
		background: url(../assets/light/slider_note_bg.jpg) no-repeat top left;
		
	}
	
	
	
		#slider_note ul {
			
			border: none !important;
			
		}
			
		a.continue {
			
			background:url(../assets/light/slider_note_continue.png) no-repeat top left;
			
		}
			
		a.zoom {
			
			background: url(../assets/light/slider_note_zoom.png) no-repeat top left;
			
		}
		a.zoom2 {
			
			/*background: url(../assets/light/slider_note_zoom.png) no-repeat top left;*/
			
		}




		/*------------------------
		---------------- NAVS
		------------------------*/
		
		#slider_note_right {
			
			background: url(../assets/light/slider_note_right.gif) no-repeat top left;
			
		}
		
		#slider_note_left {
			
			background: url(../assets/light/slider_note_left.gif) no-repeat top left;
			
		}




/*------------------------
---------------- PORTFOLIO
------------------------*/

.portfolio_item {
	
	background: url(../assets/light/portfolio_bg.gif) no-repeat top left;
	
}
	
	.portfolio_info .info_title {
		
		color: #1e334c;
		
	}
	
	.portfolio_info span a {
		
		color: #636363;
		
	}




/*------------------------
---------------- BLOG
------------------------*/

.blog_item {
	
	background: url(../assets/light/divider_two_three.gif) no-repeat bottom left;
	
}

	.blog_item .last {
		
		background: none;
		
	}




	/*------------------------
	---------------- BLOG INFO
	------------------------*/
	
		.blog_info .author {
			
			background: url(../assets/icons/author.png) no-repeat center left;
			
		}
		
			.blog_info .author a {
				
				color: #1e334c;
				
			}
	
		.blog_info .categories {
			
			background: url(../assets/icons/categories.png) no-repeat center left;
			
		}
		
		.blog_info .categories a {
			
			color: #636363;
			
		}
	
		.blog_info .comments {
			
			background: url(../assets/icons/comments.png) no-repeat center left;
			
		}
		
			.blog_info .comments a {
				
				color: #636363;
				
			}
	
		.blog_info .date {
			
			background: url(../assets/icons/date.png) no-repeat center left;
			
		}




	/*------------------------
	---------------- COMMENTS
	------------------------*/




		/*------------------------
		------------- COMMENT INFO
		------------------------*/
		
		#comments .comments_gravatar {
			
			background: url(../assets/light/comments_shadow.gif) no-repeat bottom left;
			
		}
		
			.comments_info .author {
				
				background: url(../assets/icons/comment_author.gif) no-repeat center left;
				color: #1e334c;
				
			}
			
			.comments_info .time {
				
				background: url(../assets/icons/comment_time.gif) no-repeat center left;
				
			}
			
			.comments_info .date {
				
				background: url(../assets/icons/comment_date.gif) no-repeat center left;
				
			}
			
			.comments_info .date {
				
				background: url(../assets/icons/comment_date.gif) no-repeat center left;
				
			}
			
			.comments_info .url {
				
				background: url(../assets/icons/comment_url.gif) no-repeat center left;
				color: #636363;
				
			}
			
			.comment_reply {
				
				background: url(../assets/icons/comment_reply.gif) no-repeat center left;
				color: #636363;
				
			}




		/*------------------------
		---------- COMMENT CONTENT
		------------------------*/
		
		.comment_content p {
			
			background: #efefef;
			border: 1px solid #bdbdbd;
			
		}
		
		.comment_top {
			
			background: url(../assets/light/comment_top.gif) no-repeat top left;
			
		}




/*------------------------
---------------- SIDEBAR
------------------------*/

#sidebar ul, #sidebar ol {
	
	border-top: 1px solid #d9d9d9;
	
}

	#sidebar ul li, #sidebar ol li {
		
		border-bottom: 1px solid #d9d9d9;
		
	}
	
	#sidebar ul li:hover, #sidebar ol li:hover {
		
		background: #f5f5f5;
		
	}
	
	#sidebar ul li a, #sidebar ol li a {
		
		color: #636363;
		
	}




	/*------------------------
	---------------- LISTS
	------------------------*/




/*------------------------
--------------- PAGINATION
------------------------*/

	#pagination .left a {
		
		background: url(../assets/light/pagination_left.gif) no-repeat top left;
		
	}
	
	#pagination .left a:hover {
		
		background: url(../assets/light/pagination_left_hover.gif) no-repeat top left;
		
	}

	#pagination .right a {
		
		background: url(../assets/light/pagination_right.gif) no-repeat top left;
		
	}
	
	#pagination .right a:hover {
		
		background: url(../assets/light/pagination_right_hover.gif) no-repeat top left;
		
	}




/*------------------------
---------------- FOOTER
------------------------*/

#footer {
	
	background: #111111 url(../assets/light/footer_bg.gif) repeat-x top left;
	color: #b6b6b6;
	
}

	#footer a {
		
		color: #b6b6b6;
		
	}
	
	#footer ul {
		
		background: url(../assets/light/footer_border.gif) repeat-x top left;
		
	}
	
		#footer ul li {
			
			background: url(../assets/light/footer_border.gif) repeat-x bottom left;
			
		}
			
			#footer ul li a:hover {
				
				background: #0f0f0f;
				
			}
			
			#footer ul li a em {
				
				color: #505050;
				
			}




	/*------------------------
	---------------- HEADINGS
	------------------------*/
	
	#footer h1, #footer h2, #footer h3, 
	#footer h4, #footer h5, #footer h6 {
		
		color: #ffffff;
		
	}
	
	.star_heading {
		
		background: url(../assets/icons/star_icon.png) no-repeat center left;
		
	}
	
	.coffee_heading {
		
		background: url(../assets/icons/coffee_icon.png) no-repeat center left;
		
	}
	
	.balloon_heading {
		
		background: url(../assets/icons/balloon_icon.png) no-repeat center left;
		
	}
	.globe_heading {
		
		background: url(../assets/icons/globe_icon.png) no-repeat center left;
		
	}	
	.mail_heading {
		
		background: url(../assets/icons/mail_icon.png) no-repeat center left;
		
	}




	/*------------------------
	---------------- FORMS
	------------------------*/
	
	#footer label {
		
		color: #b6b6b6;
		
	}
	
	#footer input, #footer textarea {
		
		background: #1f1f1f;
		border: 1px solid #1f1f1f;
		
	}




/*------------------------
---------------- COPYRIGHT
------------------------*/

#copyright {
	
	background: #000000;
	
}







.absmiddle {
	vertical-align:middle;
}

.breadcrumb {
	background-color:#F5F5F5;
	margin:0 0 10px;
	padding:10px;
}

.clear {
	clear:both;
}

.green {
	color:#006F0F;
}

.header {
	color:#1a4d80;
	font-size:14px;
	font-weight:700;
}

.red {
	color:#BF0000;
}

.small {
	font-size:11px;
}

.warning {
	background-color:#FFFFDF;
	border:1px solid #FDFF3F;
	margin:0 0 10px;
	padding:10px;
}

.contentbox {
	padding:10px;
	margin:0 0 10px;
	text-align:center;
}

.errorbox {
	background-color:#FFBFBF;
	padding:10px;
	margin:0 0 10px;
	text-align:center;
	color:#7F0000;
}

.successbox {
	border: 1px solid #66CC00;
	font-weight: bold;
	background-color: #DDFFC6;
	text-align: center;
	padding: 10px;
	color: #009933;
}

.clientareatableactive {
	background-color:#DFFFE0
}

.clientareatablepending {
	background-color:#EFEFEF
}

.clientareatablesuspended {
	background-color:#FFF6CF
}

.clientareatableterminated {
	background-color:#FFCFCF
}

.clientticketreplyheader {
	background-color:#EBEBEB;
	color:#333;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #EBEBEB;
	border-left:1px solid #CCC;
}

.clientticketreply {
	background-color:#F5F5F5;
	margin:0 0 10px;
	padding:10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
}

.adminticketreplyheader {
	background-color:#CFE6FF;
	color:#333;
	border-top:1px solid #CAE6FF;
	border-right:1px solid #CAE6FF;
	border-bottom:1px solid #CAE6FF;
	border-left:1px solid #CAE6FF
}

.adminticketreply {
	background-color:#EEF6FF;
	padding:10px;
	margin:0 0 10px;
	border-right:1px solid #CAE6FF;
	border-bottom:1px solid #CAE6FF;
	border-left:1px solid #CAE6FF;
}

.networkissueaffected {
	background-color:#EFEFEF;
	padding:10px;
	margin: 0 0 10px;
}

.textgreen {
	color:#158F00;
}

.textred {
	color:#9F0000;
}

/*a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
body{background-color:#369;background-image:url(images/bg_background.gif);background-repeat:repeat-x;margin:0;padding:0;}
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}*/
hr {
	background-color:#EBEBEB;
	border:0;
	border-top:1px solid #EBEBEB;
	height:0;
	margin:10px 0;
	overflow:hidden;
}

input, select, textarea {
	color:#666;
	/*background-color:#f2f2f2;*/
	font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	margin:0;
	padding:2px;
}

/*p{margin:0;padding:3px 0 8px;}*/
table.data {
	margin:0 0 10px;
	padding:0;
}

table.data td {
	background-color:#FFF;
	border-bottom:1px solid #EBEBEB;
}

table.data th {
	/*background-color: #CCC !important;*/
	background:url(/assets/table_hdr_bg.gif) repeat-x !important;
	border-bottom:1px solid #333;
	color:#FFF;
	font-size:11px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

table.data tr.clientareatableactive td {
	background-color:#DFFFE0 !important;
}

table.data tr.clientareatablepending td {
	background-color:#EFEFEF !important;
}

table.data tr.clientareatablesuspended td {
	background-color:#FFF6CF !important;
}

table.data tr.clientareatableterminated td {
	background-color:#FFCFCF !important;
}

table.frame {
	margin:0 0 10px;
	padding:0;
	border:1px solid #EBEBEB;
}

table.frame table td {
	background-color:#FFF;
	border-bottom:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;
}

table.frame table td.fieldarea {
	background-color:#F5F5F5;
	color:#333;
	text-align:right;
	border-right:1px solid #EBEBEB;
	font-weight:bold
}

table.frame table td.fieldarea-left {
	background-color:#F5F5F5;
	color:#333;
	text-align:right;
	border-top:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;
	font-weight:bold
}

table.frame table td.fieldarea-right {
	border-top:1px solid #EBEBEB;
}

/*table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right; font-weight:bold}*/
.kbarticle {
	padding: 2px 5px 5px 15px;
}

.kbviews {
	color:#A8A8A8;
	font-size:10px;
}

.kbalsoread {
	padding: 5px 5px 5px 15px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 10px 0 10px 0;
}