/*--------------------------------------------------------------

# elvesocial - July 2009 (for Joomla 1.5)

# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com

---------------------------------------------------------------*/



/* universal set of reset styles

---------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}

/* remember to define focus styles! */

:focus {outline: 0;}

body {background: white;line-height: 1;color: black;}

ol,ul {list-style: none;}

/* tables still need cellspacing="0" in the markup */

table{border-collapse: separate;border-spacing: 0;}

caption,th,td {font-weight: normal;}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,blockquote:after,q:before,q:after {content: "";}

blockquote,q {quotes: "" "";}

/* ||| the end |||*/

/* ||| set of clearing floats |||*/

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}

.clr {font-size : 1px;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

.clear {clear: both;}

/* End hide from IE-mac */

/* ------------------------ the end ----------------------------*/

html {

	min-height:100%;

	border-bottom:1px solid #fff;

}

body {

	margin:0;

	padding:0;

	font-size:12px;

	font-family:Arial, Verdana, sans-serif;

	line-height: 15px;

}

/* Basic link styles

---------------------------------------------------------------*/

a{

	outline:none;

	cursor:pointer;

	color:#fff;

}

a:link,

a:visited,

a:active{

	text-decoration:none;

}

a:hover{

	text-decoration:none;

	color:#fbac29;

}

/* Basic image style

----------------------------------------------------------------*/

img{

	border:none;

	text-decoration:none;

}

/* Basic lists styles

----------------------------------------------------------------*/

ul{

	padding:0;

	margin:0;

}

ul li{

	padding:0;

	line-height:30px;

	margin:0;

}

ul ul{

	padding-left:20px;

}

ul li a{

	text-decoration:none;

}

ol li{

	line-height:170%;

}

/* Basic heading styles

-----------------------------------------------------------------*/

th {

	padding:4px;

	text-align:left;

}

p, pre, blockquote, h1, h2, h3, h4, h5, h6{

	margin:1em 0;

	padding:0;

}

h1 { font-size:150%; }

h2 { font-size:140%; }

h3 { font-size:130%; }

h4 { font-size:110%; }

h5 { font-size:100%; }

h1,h2,h3,h4,h5{

	margin:0;

}

/* Basic form styles

-----------------------------------------------------------------*/

fieldset{

	border:none;

	padding:5px 0;

}

fieldset a{

	font-weight:bold;

}

input, select, button{

	font-size:11px;

	font-weight:normal;

}

/* Basic HR-line style

-----------------------------------------------------------------*/

hr {

	border-right:0;

	border-left:0;

	border-bottom:0;

	height:1px;

}

/* Basic positioning classes

-----------------------------------------------------------------*/

.clearfix{ clear:both; }

/* Logo

------------------------------------------------------------*/

a#logo,

a#logo_styled {

	float:left;

	display:block;

}

a#logo_styled{

	/*

		Here you can change width or height of your logo

		if you've disabled option "logo as image"

	*/

}

/* Page structure

------------------------------------------------------------*/

div#bg{

	min-height:570px;

}

/* top */

div#top{

	width:996px;

	min-height: 216px;

	margin:0 auto;

}

div#userarea{

	float:right;

	line-height:25px;

	width:auto;

	height:25px;

	font-size:11px;

}

div#userarea div{

	height:25px;

	margin:0 0 0 7px;

	padding: 0 14px 0 7px;

}

div#userarea span#login{

	padding-right: 8px;

	margin-right:4px;

}

/* menu */

div#menu{



	z-index:1001;

	width:720px;
	
	float:right;

	margin-right:0px;

	margin-top: 0px;

}

div#horiz-menu li li a,

div#horiz-menu li li span.separator{

	display:block;

}

div#horiz-menu li li:first-child a,

div#horiz-menu li li:first-child span.separator{

	border-top:none!important;

}

/* banner */

div#banner{

	position:relative;

	top:40px;

	margin:0 auto 11px auto;

	min-width:100px;

	max-width:996px;

	overflow:hidden;

}

/* message */

#system-message{

	width:996px;

	margin:0 auto;

}

#system-message dd{

	text-indent:0;

}

#system-message .error,

#system-message .message{

	background:none;

	padding:0;

}

#system-message .error ul,

#system-message .message ul{

	margin:0 0 10px 0;

}

#system-message dd.error ul {

	border:none!important;

}

#system-message dd.message ul {

	border:none!important;

	opacity:0.7;

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

}

/* header  */

div#header{

	width:996px;

	margin:0 auto;

	margin-bottom:10px;

	overflow:hidden;

}

div#header1{

	float:left;

	width:100%;

	overflow:hidden;

}

div#header2{

	float:right;

	width:100%;

	overflow:hidden;

}

/* content */

div#content{

	width:996px;

	margin:0 auto 10px auto;

	padding-top:6px;

}

div#content_bg{

	width: 964px;

	padding:10px 16px 0 16px;

}

div#component{

	float:left;

}

div#mainbody{

	margin-bottom:10px;

}

/* column */

div#left{

	float:left;

}

div#right{

	float:right;

}

/* bottom */

div#bottom{

	width:996px;

	margin:0 auto 10px auto;

	padding:5px 0 0 0;

}

div#bottom_bg1{

	overflow:hidden;

}

div#bottom_bg2{

	overflow:hidden;

	padding:15px 20px 20px 20px;

}

/* footer */

div#footer{

	width:962px;

	padding:12px 20px 0 14px;

	min-height:32px;

	font-size:11px;

	line-height:21px;

	margin:0 auto;

}

div#informations{

	float:right;

	margin-top:-1px;

	margin-left: 16px;

}

div#footer_menu{

	float:left;

	margin-top:4px;

}

div#footer_menu ul{

	padding:0;

	margin:0;

	list-style-type:none;

}

div#footer_menu li{

	padding:0 6px;

	line-height:12px;

	width:auto;

	float:left;

}

/* blocks */

.us_width-20,

.us_width-25,

.us_width-33,

.us_width-50,

.us_width-100{

	float:left;

}

.us_width-20{ width:20%; }

.us_width-25{ width:25%; }

.us_width-33{ width:33.3%; }

.us_width-50{ width:50%; }

.us_width-100{ width:100%; }



.module_wrap,

.users_wrap{

	overflow:hidden;

	margin-bottom:10px;

}

/* spaces between modules in component restriction section */

div#component .us_width .moduletable,

div#component .us_width .moduletable_lightblue,

div#component .us_width .moduletable_blue,

div#component .us_width .moduletable_white,

div#component .us_width .moduletable_green{

	margin-left:10px;

}

div#component .us_width:first-child .moduletable,

div#component .us_width:first-child .moduletable_lightblue,

div#component .us_width:first-child .moduletable_blue,

div#component .us_width:first-child .moduletable_white,

div#component .us_width:first-child .moduletable_green{

	margin-left:0;

}

/* Suffixes

------------------------------------------------------------*/

/*

	Available suffixes :

	header: _clear, _text (std), _menu (std), _blue

	content: _lightblue, _blue, _white, _green, _clear, _menu (std), _text (std)

	column: _blue, _white, _green, _clear, _menu (std), _text (std)

	bottom: _text (std), _menu (std)

*/

/* common */

.moduletable,

.moduletable_text,

.moduletable_menu,

.moduletable_white,

.moduletable_lightblue,

.moduletable_blue,

.moduletable_green{

	padding:10px;

	margin:10px 0 0 0;

	overflow:hidden;

}

#component .moduletable,

#component .moduletable_text,

#component .moduletable_menu{

	padding:0;

}

.moduletable:first-child,

.moduletable_text:first-child,

.moduletable_menu:first-child,

.moduletable_white:first-child,

.moduletable_lightblue:first-child,

.moduletable_blue:first-child,

.moduletable_green:first-child{

	margin:0;

}

.moduletable_clear{

	margin:0;

	padding:0;

	border:none;

	background:transparent;

}

.moduletable h3,

.moduletable_text h3,

.moduletable_menu h3,

.moduletable_white h3,

.moduletable_lightblue h3,

.moduletable_blue h3,

.moduletable_green h3{

	padding:0;

	margin:0;

	font-size:17px;

	font-weight:normal;

}

.moduletable .moduletable_content,

.moduletable_text .moduletable_content,

.moduletable_menu .moduletable_content,

.moduletable_white .moduletable_content,

.moduletable_lightblue .moduletable_content,

.moduletable_blue .moduletable_content,

.moduletable_green .moduletable_content{

	padding:10px 0 0 0;

	margin:0;

}

/* header */

div#header .moduletable h3,

div#header .moduletable_text h3,

div#header .moduletable_menu h3{

	height:37px;

	text-indent:20px;

	line-height:37px;

}

div#header .moduletable_blue h3{

	height:37px;

	text-indent:20px;

	line-height:37px;

}

/* content */

div#content .moduletable h3,

div#content .moduletable_text h3,

div#content .moduletable_menu h3{

	height:31px;

	line-height:31px;

}

div#content .moduletable_lightblue h3{

	height:37px;

	text-indent:20px;

	line-height:37px;

}

div#content .moduletable_white h3{

	height:37px;

	text-indent:20px;

	line-height:37px;

}

div#content .moduletable_blue h3{

	height:31px;

	line-height:31px;

}

div#content .moduletable_green h3{

	height:31px;

	line-height:31px;

}

/* column */

div.column .moduletable h3,

div.column .moduletable_text h3,

div.column .moduletable_menu h3{

	height:37px!important;

	font-weight:normal!important;

	text-indent:20px;

	line-height:37px!important;

}

/* bottom */

div#bottom .moduletable:first-child,

div#bottom .moduletable_text:first-child,

div#bottom .moduletable_menu:first-child{

	padding:0 6px;

	margin:0 0 0 0;

}

div#bottom .moduletable,

div#bottom .moduletable_text,

div#bottom .moduletable_menu{

	padding:0 6px;

	margin:10px 0 0 0;

}

div#bottom .moduletable .moduletable_content,

div#bottom .moduletable_text .moduletable_content,

div#bottom .moduletable_menu .moduletable_content{

	padding:25px 0 0 0;

}

/* Restrictions & suffixes

------------------------------------------------------------*/

/* common - content and column */

div#content .moduletable_white ul li:first-child,

div#content .moduletable_blue ul li:first-child,

div#content .moduletable_green ul li:first-child,

div#content .moduletable ul li:first-child,

div#content .moduletable_menu ul li:first-child,

div#content .moduletable_text ul li:first-child,

div#content .moduletable_lightblue ul li:first-child{

	border-top:none!important;

	margin-top:-2px;

}

div#content .moduletable_white ul ul li:first-child,

div#content .moduletable_blue ul ul li:first-child,

div#content .moduletable_green ul ul li:first-child,

div#content .moduletable ul ul li:first-child,

div#content .moduletable_menu ul ul li:first-child,

div#content .moduletable_text ul ul li:first-child,

div#content .moduletable_lightblue ul ul li:first-child{

	margin-top:5px;

}

/* _white suffix */

div#content .moduletable_white a{

	text-decoration:none;

}

div#content .moduletable_white a:hover{

	text-decoration:underline;

}

/* _blue suffix */

div#content .moduletable_blue a{

	text-decoration:none;

}

div#content .moduletable_blue a:hover{

	text-decoration:underline;

}

/* _green suffix */

div#content .moduletable_green a{

	text-decoration:none;

}

div#content .moduletable_green a:hover{

	text-decoration:underline;

}

/* _lightblue suffix */

div#content .column .moduletable a,

div#content .column .moduletable_menu a,

div#content .column .moduletable_text a,

div#content .moduletable_lightblue a{

	text-decoration:none;

}

div#content .column .moduletable a:hover,

div#content .column .moduletable_menu a:hover,

div#content .column .moduletable_text a:hover,

div#content .moduletable_lightblue a:hover{

	text-decoration:underline;

}

/* header */

div#header .moduletable a,

div#header .moduletable_text a,

div#header .moduletable_menu a{

	text-decoration:none;

}

div#header .moduletable a:hover,

div#header .moduletable_text a:hover,

div#header .moduletable_menu a:hover{

	text-decoration:underline;

}

div#header .moduletable_blue a:hover{

	text-decoration:underline;

}

div#header ul li:first-child,

div#header .moduletable_blue ul li:first-child{

	border-top:none;

	margin-top:-7px;

}

div#header ul ul li:first-child{

	margin-top:0;

}

/* bottom */

div#bottom ul li:first-child{

	border-top:none;

	margin-top:-7px;

}

div#bottom ul ul li:first-child{

	margin-top:0;

}

/* Standard Joomla modules

------------------------------------------------------------*/

/* mod_breadcrumb */

div#content .breadcrumb{

	height:26px;

	padding:5px 0;

	line-height:26px;

	width:100%;

	display:block;

}

div#content .breadcrumb .icon{

	height:26px;

	width:26px;

	display:block;

	float:left;

	margin:0 16px 0 8px;

	text-indent:-999em;

}

div#content .breadcrumb .icon:hover{

	opacity:0.7;

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

}

div#content .breadcrumb .separator{

	text-indent:-999em;

	height:7px;

	width:7px;

	display:block;

	float:left;

	margin:10px 12px 0 12px;

}

div#content .breadcrumb a,

div#content .breadcrumb span{

	display:block;

	float:left;

	width:auto;

	text-decoration:none;

}

div#content .breadcrumb a:hover{

	text-decoration:underline;

}

/* mod_search */

#mod_search_searchword{

	margin-right:8px;

}

/* mod_login */

ul.loginposition{

	margin-top:10px;

	overflow:hidden;

	padding:1px 0 0 0;

}

ul.loginposition:first-child{

	margin-top:0;

}

ul.loginposition li{

	float:left;

	width:auto;

	margin-right:6px;

	border:none!important;

}

#form-login-remember,

#form-login-remember label,

#form-login-fpass,

#form-login-flogin,

#form-login-register{

	line-height:21px;

	font-size:11px;

}

#form-login-remember input.inputbox{

	height:auto!important;

	padding:0!important;

}

#form-login-fpass a,

#form-login-flogin a,

#form-login-register a{

	text-decoration:none;

}

#form-login-fpass a:hover,

#form-login-flogin a:hover,

#form-login-register a:hover{

	text-decoration:underline;

}

/* popups */

div#popup_login,

div#popup_register{

	position:absolute;

	z-index:100000;

	width:530px;

	display:none;

}

div#close_button_login,

div#close_button_register{

	width:24px;

	margin:3px 0 0 0;

	height:24px;

	cursor:pointer;

	float:right;

}

div.popup_top{

	width:488px;

	padding:0 14px 10px 32px;

	margin:32px 0 0 0;

	overflow:hidden;

}

div.popup_top form#josForm{

	width:480px;

	margin:0 auto;

}

div.popup_bottom{

	width:534px;

	height:23px;

}

div#popup_login input.inputbox{

	height:16px!important;

		padding:1px 4px 2px 4px!important;

	display:block;

	float:left;

}

div#popup_login label{

	height:20px!important;

	line-height:21px!important;

	display:block;

	float:left;

	margin-right:4px;

}

div#popup_login .button{

	height:23px!important;

	line-height:10px!important;

	margin-top:-2px!important;

	padding:0 14px 4px 14px!important;

	display:block;

}

div.logout span{

	float:left;

	margin-top:5px

}

div.logout .button{

	float:right;

	margin-right:14px;

}
