/***************************************************************************************/
/*
/*		Designed by 'AS Designing'
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: Creative Commons
/*
/**************************************************************************************/

/**************************************************************************************/
/**************************************************************************************/
/*   Elements
/**************************************************************************************/
/**************************************************************************************/

body
{
	color: #121212;
	background-image: url('../images/screen.jpg');
	background-color: #FFFFFF;
}

.wrapper
{
	background-image: url('../images/styles/default/bg.overlay.png');	
}

h1,
h2,
h3,
h4,
h5,
.article-info
{
	color: #010101;
}

a
{
	color: #22A2DD;
}

a:hover
{
	color: #BDBDBD;
}

img.frame
{
	border: 1px solid #000000;
	border-radius: 0px;
}

.img-intro-left img,
.img-fulltext-left img,
.img-intro-none img,
.img-fulltext-none img,
.img-intro-right img,
.img-fulltext-right img
{
	border: 0px solid #333333;
	border-radius: 0px;
}

input,
textarea,
.CodeMirror-wrapping
{
	background-color: #272727;
	border: 1px solid #000000;
	border-radius: 0px;
	color: #BDBDBD;
	box-shadow: none;
}

#component input,
#component textarea,
#component .CodeMirror-wrapping
{
	box-shadow: none;	
}

.inputbox,
#jform_name,
#jform_username,
#jform_password1,
#jform_password2,
#jform_email,
#jform_email1,
#jform_email2,
#jform_title,
#jform_url,
#jform_catid,
#jform_state,
#jform_params_editor,
#jform_params_timezone,
#jform_params_language,
#jform_params_admin_style,
#jform_params_admin_language,
#jform_params_helpsite,
#username,
#password
{
	border: 1px solid #444444;
	border-radius: 0px;
}

/**************************************************************************************/
/* Header
/**************************************************************************************/
/**************************************************************************************/

#header
{
}

#header h1,
#header h2,
#header h3
{
}

#header a
{
	color: #E8E8E8;
}

#header a:hover
{
	color: #22A2DD;
}


/**************************************************************************************/
/* Header Row 0 																	  */


#header .row0
{
	background-image: url('../images/styles/default/bg.main.png');
	background-repeat: repeat;		
}

#header .row0 .search input
{
	color: #BDBDBD;
}


/**************************************************************************************/
/* Header Row 1 		                                                              */


#header .row1
{
	color: #E8E8E8;
	border-bottom: 12px solid #444444;
	background-image: url('../images/styles/default/bg.main.png');
	background-repeat: repeat;
	box-shadow: 0px 0px 10px 5px #999999;
}
 
#header .row1 #companyname,
#header .row1 #companyname a
{
	color: #E8E8E8;
	text-shadow: 1px 1px #000000;
}

#header .row1 #companyname a:hover
{
	color: #E8E8E8;
}

#header .row1 .slogan
{
	color: #22A2DD;
	text-shadow: 1px 1px #000000;
}


/**************************************************************************************/
/* Header Row 2 - Main Menu                                                            */


#header .row2 #mainmenu
{
	background-image: url('../images/styles/default/bg.main.png');	
}

#header .row2 #mainmenu ul.menu li a
{
	color: #E8E8E8;
	text-shadow: 1px 1px #000000;
}

#header .row2 #mainmenu ul.menu li
{
	border-right: 1px solid #444444;
}

#header .row2 #mainmenu ul.menu li.current a,
#header .row2 #mainmenu ul.menu li.active a,
#header .row2 #mainmenu ul.menu li a:hover
{
	color: #22a2dd;
	text-shadow: 1px 1px #000000;
}

#header .row2 #mainmenu ul.menu ul
{
	color: #F6F6F6;
	background-color: #444444;
}

#header .row2 #mainmenu ul.menu ul li a
{
	color: #F6F6F6;
}

#header .row2 #mainmenu ul.menu ul li.current a:hover,
#header .row2 #mainmenu ul.menu ul li.parent a:hover,
#header .row2 #mainmenu ul.menu ul li.actives a:hover,
#header .row2 #mainmenu ul.menu li.deeper ul li a:hover,
#header .row2 #mainmenu ul.menu li.current ul li a:hover,
#header .row2 #mainmenu ul.menu li.parent ul li a:hover,
#header .row2 #mainmenu ul.menu li.actives ul li a:hover
#header .row2 #mainmenu ul.menu li ul li a:hover
{
	color: #22a2dd;
}

#header .row2 #mainmenu ul.menu ul li.active a:hover,
#header .row2 #mainmenu ul.menu li.active ul li a:hover
{
	color: #F6F6F6;	
}

#header .row2 #mainmenu ul.menu ul ul
{
	color: #F6F6F6;
	background-color: #393939;	
}


/**************************************************************************************/
/* Breadcrums                                                                         */


.breadrow
{
}

.breadrow .content
{
	color: #E6E6E6;
	background-image: url('../images/styles/default/bg.main.png');
	background-repeat: repeat;
	border: 1px solid #000000;	
}

#breadcrumb a
{
	color: #22A2DD;
}

#breadcrumb a:hover
{
	color: #E6E6E6;
}

.breadrow #searchbox input
{
	color: #E6E6E6;
	float: right;
}

.breadrow .content input, 
.breadrow .content textarea, 
.breadrow .content .CodeMirror-wrapping,
.breadrow .content button,
.breadrow .content .button,
.breadrow .content .validate,
.breadrow .content .readmore
{
	box-shadow: inset -1px -1px 0px 0px #000000;
}

/**************************************************************************************/
/**************************************************************************************/
/* Content
/**************************************************************************************/
/**************************************************************************************/

/**************************************************************************************/
/* Column Left
/**************************************************************************************/
/**************************************************************************************/

#colleft a
{
	color: #BDBDBD;
}

#colleft a:hover
{
	color: #22A2DD !important;
}

#colleft ul li a,
#colleft ul li.active ul li a
{
	color: #BDBDBD;
}

#colleft ul li a:hover,
#colleft ul ul li a:hover
{
	color: #22A2DD;
}

#colleft .moduletable ul.menu li a,
#colleft .moduletable_menu ul.menu li a,
#colleft .moduletable #login-form ul li a
{
	color: #121212;
}

#colleft .moduletable ul.menu li a:hover,
#colleft .moduletable_menu ul.menu li a:hover,
#colleft .moduletable #login-form ul li a:hover
{
	color: #22A2DD;
}

#colleft input
{
	color: #BDBDBD;
}

#colleft #colleft_rows_45 input, 
#colleft #colleft_rows_45 textarea, 
#colleft #colleft_rows_45 .CodeMirror-wrapping,
#colleft #colleft_rows_45 button,
#colleft #colleft_rows_45 .button,
#colleft #colleft_rows_45 .validate,
#colleft #colleft_rows_45 .readmore
{
	box-shadow: inset -1px -1px 0px 0px #000000;
}

#colleft .more a
{
	color: #BDBDBD;
}

#colleft .more a:hover
{
	color: #FFFFFF;
}


/**************************************************************************************/
/* Rows                                                                               */


#colleft .row1,
#colleft .row2,
#colleft .row3
{
	color: #121212;
}

#colleft .row1 h1,
#colleft .row1 h2,
#colleft .row1 h3,
#colleft .row2 h1,
#colleft .row2 h2,
#colleft .row2 h3,
#colleft .row3 h1,
#colleft .row3 h2,
#colleft .row3 h3
{
	color: #E6E6E6;
	text-shadow: 1px 1px #000000;
	background-image: url('../images/styles/default/bg.main.png');
	background-repeat: repeat;
	border: 1px solid #000000;
	border-radius: 0px;
}

#colleft .row1 h3 span,
#colleft .row2 h3 span,
#colleft .row3 h3 span
{
	color: #22A2DD;
}


/**************************************************************************************/
/* Column Main
/**************************************************************************************/
/**************************************************************************************/

#colmain #component,
#cmp_content
{
	color: #121212;
}

#colmain h1,
#colmain h2,
#colmain h3,
#cmp_colmain h1,
#cmp_colmain h2,
#cmp_colmain h3
{
	color: #E6E6E6;
	text-shadow: 1px 1px #000000;
}

#colmain h4,
#colmain h5
{
	color: #121212;
}

#colmain h1 a,
#colmain h2 a,
#colmain h3 a
{
	color: #E6E6E6;
}

#colmain h1 a:hover,
#colmain h2 a:hover,
#colmain h3 a:hover
{
	color: #22A2DD;
}

#colmain h4
#colmain h5
{
	color: #E6E6E6;
}

#colmain #component h1,
#colmain #component h2,
#colmain #component h3,
#colmain #adsense h1,
#colmain #adsense h2,
#colmain #adsense h3,
#cmp_colmain h1,
#cmp_colmain h2,
#cmp_colmain h3
{
	background-image: url('../images/styles/default/bg.main.png');
	background-color: #272727;
	border: 1px solid #000000;
	border-radius: 0px;	
}

#colmain a
{
	color: #333333;
}

#colmain a:hover
{
	color: #22A2DD;
}

#colmain input[type="checkbox"],
#colmain input[type="radio"]
{
	background-color: transparent !important!
}

#colmain p
{
	color: #121212;
}

#colmain #component .article-info,
#cmp_colmain .article-info
{
	background-color: #272727;
	border: 1px solid #000000;
	color: #22A2DD;
}

#colmain #component .blog p.readmore a span
{
	color: #22A2DD;
}

#colmain span.spacer > span.text label
{
	color: #121212;
}

#colmain #jform_spacer-lbl,
#colmain label.invalid,
#colmain .red,
#colmain .star,
#colmain .asterisk
{
	color: #FF6600;
}

.border_bottom
{
	border-bottom: 1px #E6E6E6 dotted;
}

.article-info
{
	color: #E6E6E6;
	text-shadow: 1px 1px #000000;
}


/**************************************************************************************/


#system-message dd.error ul,
#system-message dd.warning ul,
#system-message dd.notice ul
{
	border: 3px solid #FF6600;
	border-radius: 0px;	
}

#system-message ul li
{
	color: #FF6600;
}

.invalid
{
	border-color: #FF6600;	
}


/**************************************************************************************/
/* Footer
/**************************************************************************************/
/**************************************************************************************/


/**************************************************************************************/
/* Footer Row 2 */


#footer .row2
{
	margin: 15px 0px 0px 0px;
	color: #CFCFCF;
	background-color: #272727;
	background-image: url('../images/styles/default/bg.main.png');
	border: 1px solid #000000;
	-moz-box-shadow: 0px 0px 10px 5px #999999;
	-webkit-box-shadow: 0px 0px 10px 5px #999999;
	box-shadow: 0px 0px 10px 5px #999999;	
}

#footer .row2 h1,
#footer .row2 h2,
#footer .row2 h3,
#footer .row2 h4,
#footer .row2 h5
{
	color: #E6E6E6;
	text-shadow: 1px 1px #000000;
}

#footer .row2 input
{
	color: #CFCFCF;
}

#footer .row2 p,
#footer .row2 #trademark
{
	color: #CFCFCF;
}

#footer .row2 a,
#footer .row2 #footermenu li a
{
	color: #CFCFCF;
}

#footer .row2 a:hover
{
	color: #22A2DD;
}

#footer .row2 .button,
#footer .row2 .validate,
#footer .row2 .readmore,
#footer .row2 .readmore button,
#footer .row2 .readmore .button,
#footer .row2 input, 
#footer .row2 textarea, 
#footer .row2 input.button,
#footer .row2 button.button,
#footer .row2 button.validate,
#footer .row2 button
{
	color: #CFCFCF;
	background-color: #272727;
	box-shadow: inset -1px -1px 0px 0px #000000;	
}

#footer .row2 .readmore:hover,
#footer .row2 .readmore button:hover,
#footer .row2 .readmore .button:hover,
#footer .row2 input.button:hover,
#footer .row2 button.validate:hover,
#footer .row2 button:hover,
#footer .row2 button.button:hover
{
	background-color: #111111;
	color: #22A2DD;	
}

/**************************************************************************************/
/* Footer Row 3                                                                       */


#footer .row3
{
	color: #121212;
}

#footer .row3 a
{
	color: #121212;
}

#footer .row3 a:hover
{
	color: #22A2DD;
}


/**************************************************************************************/
/**************************************************************************************/
/* General Element IDs and classes
/**************************************************************************************/
/**************************************************************************************/

button,
.button,
.validate,
.readmore,
p.readmore
{
	background-color: #272727;
	color: #CFCFCF !important;
	border: 1px solid #444444;
	box-shadow: none;	
	border-radius: 0px;
}

.readmore a,
#component p.readmore a
{
	color: #CFCFCF !important;
}

button:hover,
.button:hover,
.validate:hover,
.readmore:hover,
#component p.readmore:hover
{
	background-color: #111111;
	color: #22A2DD !important;
}

#component p.readmore a:hover
{
	color: #22A2DD !important;
}

.moduletable_menu li a:hover
{
	color: #22A2DD;
}

#as_accordionmenu 
{
	background-image: url('../images/styles/default/bg.main.png');
	border: 1px solid #000000;
}