@charset "utf-8";

/*-------------------------------------------------------------------------*\
	+ Reset & Basics
\*-------------------------------------------------------------------------*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 					0;
		padding: 					0;
		border: 					0;
		outline: 					0;
		font-size: 					100%;
		vertical-align: 			baseline;
		background: 				transparent;
	}
	
	html {
		height:						100%;
	}
	
	body {
		line-height: 				1;
		height:						100%;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
	}
	
	ol, ul {
		list-style: 				none;
	}
	
	blockquote, q {
		quotes: 					none;
	}
	
	:focus {
		outline: 					0;
	}

	ins {
		text-decoration: 			none;
	}
	
	del {
		text-decoration: 			line-through;
	}

	table {
		border-collapse: 			collapse;
		border-spacing: 			0;
	}

	.clear{
		clear:						both;
	}
	
	.subraya{
		text-decoration:			underline;
	}
	
	.hidden{
		display: 				none;
	}

	
	.w100{
		width: 					894px !important;
	}

/*-------------------------------------------------------------------------*\
	+ Sizer and Wrapper
\*-------------------------------------------------------------------------*/

	.sizer_960{
		width:						960px;
		margin:						auto;
	}

	.sizer_1110{
		width:						1110px;
		margin:						auto;
	}

	.wrapper {
		min-height: 				100%;
		height: 					auto !important;
		height: 					100%;
		margin: 					0 auto -150px;
	}


	.layout-mode1{
		margin-bottom: 				15px;
	}

	.layout-left{
		float: 						left;
		width: 						630px;
	}
	
	.layout-right{
		float: 						right;
		width: 						300px;
		padding-top: 10px;
	}
	
	.layout-right h3{
		padding-left: 10px;
	}


	.layout-3-col{
		width: 						215px;
		border:						0px solid blue;
		float: 						left;
		padding-left: 				90px;
		padding-right: 				15px;
	}

	.layout-3-con{
		width: 						280px;
		border:						0px solid blue;
		float: 						left;
		padding-left: 				15px;
		padding-right: 				15px;
	}

	.layout-2-col-l{
		float: 					left;
		width: 						48%;
		border:				0px solid blue;
	}

	.layout-2-col-r{
		float: 						right;
		width: 						48%;
		border:						0px solid red;
	}
	
	.layout-2-col{
		width: 						375px;
		border:						0px solid blue;
		float: 						left;
		padding-left: 				90px;
		padding-right: 				15px;
		padding-bottom: 			20px;
	}

	.layout-1-col{
		width: 						940px;
		border-bottom:				0px solid #ccc;
		float: 						left;
	
		padding: 					0px 15px 10px 20px;
		margin-bottom:			 	20px;
	}
	
	.layout-map-col-l{
		float: 						left;
		width: 						510px;
	}

	.layout-map-col-r{
		float: 						left;
		width: 						360px;
		margin-right: 20px;

	}
	
	.layout-map-col-r-2{
		width: 						264px;
		border:						0px solid blue;
		float: 						left;
		padding-left: 				90px;
		padding-right: 				15px;
	}


	/* lista de países : es */

	.layout-5-col{
		float: 						left;
		width: 						175px;
		padding: 					6px;
		border:						0px solid blue;
	}	

	.layout-5-col li{
		color: 						#666;
		line-height: 				18px;
		border-right-color: 		#e5e5e5;
		border-right-width: 		1px;
		border-right-style: 		solid;
	}
		
	.layout-5-col li:hover {
		background-color: 			#f6f6f6;
		border-right-color: 		#a4a3a3;
		border-right-width: 		1px;
		border-right-style: 		solid;
	}

	
/*-------------------------------------------------------------------------*\
	+ Iconos
\*-------------------------------------------------------------------------*/

	.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6, .icon-7, .icon-8, .icon-9, .icon-10, .icon-11, .icon-12, .icon-13, .icon-14, .icon-sms, .icon-quiz, .icon-tv-web, .icon-gateway2, .icon-sms-dj, .icon-cms-wap, .icon-micropagos_sms, .packs{
		background: top left no-repeat;
	}

	.icon-1{
		background-image: url(_img_icons/_design/report1.png);
	}

	.icon-2{
		background-image: url(_img_icons/_design/server1.png);
	}

	.icon-3{
		background-image: url(_img_icons/_design/diana2.png);
	}

	.icon-4{
		background-image: url(_img_icons/_design/esfera.png);
	}

	.icon-5{
		background-image: url(_img_icons/_design/server2.png);
	}

	.icon-6{
		background-image: url(_img_icons/_design/server3.png);
	}

	.icon-7{
		background-image: url(_img_icons/_design/tools_wizard.png);
	}

	.icon-8{
		background-image: url(_img_icons/_design/coonect3.png);
	}

	.icon-9{
		background-image: url(_img_icons/_design/api_book2.png);
	}
	
	.icon-10{
		background-image: url(_img_icons/_design/relog.png);
	}
	
	.icon-11{
		background-image: url(_img_icons/_design/import.png);
	}

	.icon-12{
		background-image: url(_img_icons/_design/stats_5.png);
	}

	.icon-13{
		background-image: url(_img_icons/_design/stats_5.png);
	}
	
	.icon-14{
		background-image: url(_img_icons/_design/folders_1.png);
	}

	.icon-sms{
		background-image: url(_img_icons/_design/sms1.png);
	}
	
	.icon-quiz{
		background-image: url(_img_icons/_design/corona.png);
	}
	
	.icon-tv-web{
		background-image: url(_img_icons/_design/web-chat.png);
	}
	
	.icon-gateway2{
		background-image: url(_img_icons/_design/coonect3.png);
	}
	
	.icon-sms-dj{
		background-image: url(_img_icons/_design/sms-dj.png);
	}
	
	.icon-cms-wap{
		background-image: url(_img_icons/_design/cms-wap.png);
	}
	
 	.icon-micropagos_sms{
		background-image: url(_img_icons/_design/micropagos_sms.png);
	}
	
	.packs{
		background-image: url(_img_icons/_interface/packs.png);
	}
	
	
	.step1, .step2, .step3{
		background: no-repeat;
		padding-left: 86px;
		padding-top: 1px;
	}
	
	.step1{
		background-image: url(_img_icons/_interface/paso1.png);
	}
	.step2{
		background-image: url(_img_icons/_interface/paso2.png);
	}
	.step3{
		background-image: url(_img_icons/_interface/paso3.png);
	}
	
	
/*-------------------------------------------------------------------------*\
	+ Textos
\*-------------------------------------------------------------------------*/


	p.body2{	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					13px;
		font-style: 				normal;
		font-weight: 				normal;
		text-transform: 			normal;
		letter-spacing: 			normal;
		line-height: 				1.6em;
		color: 						#555;
		padding: 					0px 0 10px 0;
	}




	p.mark2{	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					15px;
		font-style: 				italic;
		font-weight: 				normal;
		text-transform: 			normal;
		letter-spacing: 			normal;
		line-height: 				1.6em;
		color: 						#555;
		padding: 					20px;
		padding-right: 				35px;
	}



	p.upper2   {	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					15px;
		font-style: 				normal;
		font-weight: 				normal;
		text-transform: 			uppercase;
		letter-spacing: 			normal;
		line-height: 				1.5em;
		color: 						#777;
		padding: 					10px 0px 10px 10px;
	}



	p.mark a{	
		color: 						#15515d;
		padding: 					0px;
		padding-right: 				0px;
		text-decoration: 			underline;

	}
	
	.hr{
		width: 100%;
		border-bottom: solid #ccc 1px;
		margin: 5px 0 30px 0;
	}

	.sp{
		width: 100%;
		height: 30px;
	}



	/*

	h1{	
		font-family: 				"Lucida Grande",Arial,"Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 					30px;
		font-style: 				normal;
		font-weight: 				normal;
		letter-spacing: 			-2px;
		line-height: 				1.7em;
		color: 						#333333;

	}

	h2{	
		font-family: 				"Lucida Grande",Arial,"Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 					20px;
		font-style: 				normal;
		font-weight: 				normal;		
		letter-spacing: 			-1px;
		line-height: 				1.3em;
		color: 						#333;
		margin-bottom: 				10px;
	}

	h3{	
		font-family: 				"Lucida Grande",Arial, "Lucida Sans Unicode",Verdana,sans-serif;
		font-size: 					14px;
		font-style: 				normal;
		font-weight: 				normal;
		letter-spacing: 			normal;
		line-height: 				1.3em;
		color: 						#333;
	}


	
	p.body{	
		font-family:				"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 					12px;
		font-style: 				normal;
		font-weight: 				normal;
		text-transform: 			normal;
		letter-spacing: 			normal;
		line-height: 				1.6em;
		color: 						#555;
		padding: 					0px 0 10px 0;

	}

	p.mark{	
		font-family:				"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 					14px;
		font-style: 				italic;
		font-weight: 				normal;
		text-transform: 			normal;
		letter-spacing: 			normal;
		line-height: 				1.6em;
		color: 						#555;
		padding: 					20px;
		padding-right: 				35px;

	}
	



	p.upper{	
		font-family: 				"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 					14px;
		font-style: 				normal;
		font-weight: 				normal;
		text-transform: 			uppercase;
		letter-spacing: 			normal;
		line-height: 				1.5em;
		color: 						#777;
		padding: 					10px 0px 10px 10px;
	}


	*/



	h1{	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					30px;
		font-style: 				normal;
		font-weight: 				normal;
		letter-spacing: 			-2px;
		line-height: 				1.7em;
		color: 						#333333;
		padding-bottom: 8px;

	}

	h2{	
		padding-top: 8px;	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					20px;
		font-style: 				normal;
		font-weight: 				normal;		
		letter-spacing: 			-1px;
		line-height: 				1.3em;
		color: 						#333333;
		padding-bottom: 8px;
	}

	h3{	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					14px;
		font-style: 				normal;
		font-weight: 				normal;
		letter-spacing: 			normal;
		line-height: 				1.3em;
		color: 						#333333;
	}

	
	p.body{	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					13px;
		font-style: 				normal;
		font-weight: 				normal;
		text-transform: 			normal;
		letter-spacing: 			normal;
		line-height: 				1.6em;
		color: 						#555;
		padding: 					0px 0 10px 0;
	}




	p.mark{	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					15px;
		font-style: 				italic;
		font-weight: 				normal;
		text-transform: 			normal;
		letter-spacing: 			normal;
		line-height: 				1.6em;
		color: 						#555;
		padding: 					20px;
		padding-right: 				35px;
	}


	p.upper {	
		font-family: 				Helvetica, Arial, sans-serif;
		font-size: 					15px;
		font-style: 				normal;
		font-weight: 				normal;
		text-transform: 			uppercase;
		letter-spacing: 			normal;
		line-height: 				1.5em;
		color: 						#777;
		padding: 					10px 0px 10px 10px;
	}



/*-------------------------------------------------------------------------*\
	+ Listas
\*-------------------------------------------------------------------------*/

	.list-mini{
		padding: 10px;
	}

	.list-mini ul{
		padding: 				3px;
	}

	.list-mini li{
		color: 						#777;
		font-size: 					12px;
		line-height: 				16px;
		padding-left: 				10px;
	}

	.list-table{
		padding: 10px 0 20px 0;
	}

	.list-table b{
		font-size: 					12px;
		line-height: 				18px;
		font-weight: 				normal;
		color: 						#333;
	}

	.list-table ul{
		padding: 				3px;
	}

	.list-table li{
		color: 						#666;
		font-size: 					11px;
		line-height: 				15px;
		padding: 					8px 0 8px 0;
		padding-left: 				10px;
		width: 						100%;
		display: block;
		border-bottom: 1px solid #ddd;		
	}



	.coberture-left{
		float: 				left;
		width: 				90px;
		height: 			44px;
		border:				0px solid blue;
		text-align: 		center;
	}

	.coberture-right{
		float: 				right;
		width: 				160px;
		height: 			32px;
		padding: 			11px 0 0px 0;
		border:				0px solid blue;
	}
	
	
	.coberture-img{
		float: 				right;
		width: 				160px;
		height: 			32px;
		padding: 			11px 0 0px 0;
		border:				0px solid blue;
	}

	.contact-left{
		float: 				left;
		width: 				50px;
		height: 			40px;
		border:				0px solid blue;
		text-align: 		center;
	}

	.contact-right{
		float: 				right;
		width: 				200px;
		height: 			32px;
		padding: 			11px 0 0px 0;
		border:				0px solid blue;
	}


	.clients-left{
		padding-top: 10px;
		float: 				left;
		width: 				150px;
		border:				0px solid blue;
		text-align: 		center;
	}

	.clients-right{
		padding-top: 10px;
		float: 				right;
		width: 				770px;
		border:				0px solid blue;
	}

/*-------------------------------------------------------------------------*\
	+ Mini Login
\*-------------------------------------------------------------------------*/

	.mini_login{
		background:					url(_img_structure/login_mini_complete.png) no-repeat;
		width: 						307px;
		height: 					148px;
		padding:					10px 0 0 30px;
		margin-bottom: 40px;
	}	

	.mini_login h2{
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: -4px;
	}

	.mini_login_error{
		color:  red;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding: 5px;
	}



/*-------------------------------------------------------------------------*\
	+ Header
\*-------------------------------------------------------------------------*/

	#header_a{
		height: 					29px;
		background:					#0c1429;

		color:						#858993;
		text-align:					right;		
		font-size:					12px;
	}

	#header_a2{
		padding:					8px 0 0 0;
		height: 					29px;
		background:					url(_img_structure/teste1.png) top center no-repeat;
	}

	#header_psudo{
		height:						20px;
		background:					#0c1429;
		padding:					8px 0 0 0;
		border-top:					1px #333333 solid;			
		color:						#F00;
		text-align:					right;		
		font-size:					12px;
	}
			
			
	#header_b{
		height:						106px;
		background:					url(_img_structure/teste3.png) repeat-x;
	}

	#header_b2{
		padding:					8px 0 0 0;
		height:						106px;
		background:					url(_img_structure/teste4.png) top center no-repeat;
	}
	
	#header_b img{
		margin-top: 				5px;
	
	}

	#header_a a{
		color:						#858993;
		text-decoration:			none;
		text-shadow: 				rgba(0,0,0,.4) 0px 1px 0px;
	}

	#header_a a:hover{
		color:						#ccc;
	}

	#header_psudo a{
		color:						#F00;
		text-decoration:			none;
		text-shadow: 				rgba(0,0,0,.4) 0px 1px 0px;
	}

	#header_psudo a:hover{
		color:						#ccc;
	}



/*-------------------------------------------------------------------------*\
	+ Footer
\*-------------------------------------------------------------------------*/

	.push {
		height: 					150px;
	}

	.footer {
		background: 				url(_img_structure/footer_bkg.png) repeat-x;
		height: 					135px;
		width:						100%;
		padding-top:				15px;
	}

	.footer_box{
		margin:						auto;
		width:						960px;
		color:						#99a3a9;
		text-align:					left;
		padding: 					45px 0 0 20px;
		font-family:				Tahoma, Arial, Helvetica, sans-serif;
		text-shadow: 				rgba(0,0,0,.4) 0px 1px 0px;
		font-size:					12px;
	}

	.footer a{
		color:						#99a3a9;
	}

	.footer a:hover{
		color:						#fff;
	}

	.footer p{
		float: 						left;
		line-height: 				17px;
	}

	.footer img{
		float: 						right;
	}
	
	

/*-------------------------------------------------------------------------*\
	+ Menu
\*-------------------------------------------------------------------------*/

	#menu_sup_space{
		height: 					37px;
		background:					url(_img_menu/menu_sup_sep.png) top repeat-x;
	}


	#menu_sup{
		background:					url(_img_menu/menu_off.png) top repeat-x;
		text-align:					left;

		text-shadow: 				white 0px 1px 1px;
		height:						50px;
		font-family: 				“Trebuchet MS”, sans-serif;
		font-size: 					15px;
		font-style: 				normal;
		font-weight: 				bold;
		letter-spacing:				normal;
		line-height: 				1.4em;
				
	}

	#menu_top_tabs li{
		float:						left;
		display:					block;
		height: 					34px;
		padding-top:				16px;

		background:					url(_img_menu/menu_sep.png) right no-repeat;	
	}

	#menu_top_tabs li a{
		padding: 					12px;
		height: 					50px;
	}	
	
	.current_tab{
		background:					#fff url(_img_menu/menu_on.png) repeat-x !important;
	}
	
	#menu_sub{
		height:						30px;
		text-align:					left;
		font-family:				Verdana;
		font-size:					12px;
		padding-top:				15px;
		color:						#222;
		background:					#fff url(_img_menu/menu_sub.png) repeat-x !important;
	}

	#menu_sub_elements li{
		display:					inline;
		color:						#555;
		
	}
	
	#menu_sub_elements a{
		color:						#333;
		margin: 					0 10px 0 10px;
	}











/*-------------------------------------------------------------------------*\
	+ Sections
\*-------------------------------------------------------------------------*/

	.shadow_block{
		background:					url(img_structure/admin/bkg_form_title.gif) no-repeat;
		width:						960px;
		text-align:					left;
		margin:						10px 0 5px 0;
		padding:					10px 0px 12px 20px;
	}

	.shadow_block_csv{
		background:					url(img_structure/admin/bkg_form_title.gif) no-repeat;
		width:						960px;
		height: 					230px;
		text-align:					left;
		margin:						10px 0 5px 0;
		padding:					18px 0px 12px 20px;
	}

	.button_save{
		padding:					5px 0px 22px 10px;
	}

	iframe{
		width:						920px;
		height:						180px;
		border: 					1px solid #ccc;
	}

/*-------------------------------------------------------------------------*\
	+ Texts
\*-------------------------------------------------------------------------*/



	/* + Links on white */
	a{
		color:						#5e6568;
		font-weight:				normal;
		text-decoration:			none;
	}
	
	p.medium{
		color: #8e8e8e;
		width:						400px;
		text-align:					justify;
		font-size: 13px					;
		padding:					10px 0 5px 10px;
	}

	p.alias_code{
		color: #8e8e8e;
		width:						910px;
		text-align:					justify;
		font-size: 16px					;
		padding:					10px 0 5px 10px;
		border-bottom:  2px solid #ddd;
	}

	.info_code{
		font-size:  12px;
	}
	
	.big_cod{
		font-size:  20px;
		font-weight: bold;
	}




	p.info_report{
		font-size:					12px;
		color:						#666;
		padding:					0px 0 15px 15px;
	}
	
	p.small_form{
		font-size:					11px;
		width: 						600px;
		color:						#666;
		padding:					10px 0 5px 18px;
	
	}
	
	.info_balance{
		float: 						left;
		width: 						305px;

		padding-bottom:   10px;	
	}

	.info_balance h3{
		margin: 				0 0 6px 0;
		color: 					#777;
	}	

	.info_balance p{
		color: #666;
		font-size:  11px;
		padding: 2px;
	}	
	



/* + Tabs
-----------------------------------------------------
*/

	.tabs_box{
		height:				46px;
		background:			url(images/img_structure/bg.png) repeat-x;
		padding:			0 10px 0 10px;
		line-height:		normal;
		border-bottom: 		1px #ddd solid;
		font-family:        Helvetica;
		font-size: 12px;
	
	}
	
	.tabs_box ul {
		padding:			0px 10px 0 0px;
		list-style:			none;
	}
		  
	.tabs_box li {
		display:			inline;
		
	}

	.tabs_box a {
		float:				left;  
		margin:				 0 3px;  
		padding:			0 0px 0 4px;
		text-decoration:	none;
		background:			url(img_structure/tabs/tag_izq_in.jpg) no-repeat left top;	
	
	}
	.tabs_box a span {
		float:				left;
		display:			block;
		padding: 			9px 10px 9px 7px;
		
		color:				#666;
		background:			url(img_structure/tabs/tag_der_in.jpg) no-repeat right top;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs_box a span 		{float:none;}
    /* End IE5-Mac hack */
	
    .tabs_box a:hover span {
		background:			url(img_structure/tabs/tag_der.jpg) no-repeat right top;
		color:				#333;
	}

    .tabs_box a:hover {
		background:			url(img_structure/tabs/tag_izq.jpg) no-repeat left top;
		color:				#333;
		border-bottom: 1px #fff solid;
	
	}

	.tabs_box .current a {
		background:			url(img_structure/tabs/tag_izq.jpg) no-repeat left top;	
	border-bottom: 1px #fff solid;
		
	}

	.tabs_box .current a span {
		background:			url( img_structure/tabs/tag_der.jpg) no-repeat right top;
		color:				#333;
	}	






















/* + imagenes
-----------------------------------------------------
*/

	img.bandera{
		padding-top:2px;
	
	}
	
	img.img_table{
		border: solid #000099 0px;
		vertical-align:	bottom;
		margin: -3px;
		padding: 0px 10px 0px 3px;
	
	}

















/* + Forms
-----------------------------------------------------
*/
	/* + form info box */

		.form_head_box_info, .form_head_box_ok, .form_head_box_error, .form_head_box_warning{
			line-height: 14px;
			width: 						855px;	
			-ms-border-radius:			5px;	
			-webkit-border-radius:		5px;
			-moz-border-radius:			5px;
			-khtml-border-radius: 		5px;
	}
	
	.form_head_box_info{
			border: 					0px solid #c4e3fc;
			padding:					20px 10px 20px 55px;

			background-repeat: 			no-repeat;
			background-position: 		10px center;	
			color: 						#00529B;
			background: 			url('img_icons/boxinfo.png') no-repeat 10px center #e1e9f1;
			margin-top:					10px;
			margin-bottom: 				10px;
			font-size:					12px;

		}
	
	.form_head_box_ok{
			border-color: 				#bbe685;
			border-width: 				0px;
			border-style: 				solid;
			padding:					20px 10px 20px 55px;
			background-repeat: 			no-repeat;
			background-position: 		10px center;
			color: 						#4F8A10;
			background-color: #dff2bf 			;
			background-image: 			url('img_icons/boxok.png');
			margin-top:					10px;
			margin-bottom: 				10px;
			font-size:					12px;
			font-weight:				normal;
		}
		
	.form_head_box_error{
			border: 					0px solid #f38393;
			padding:					20px 10px 20px 55px;
			background-repeat: 			no-repeat;
			background-position: 		10px center;
			color: 						#D8000C;
			background-color: 			#FFBABA;
			background-image: 			url('img_icons/boxerror.png');
			margin-top:					10px;
			margin-bottom: 				10px;
			font-size:					12px;
		}

	.form_head_box_warning{
			border: 					0px solid #ecd67c;
			padding:					22px 10px 20px 55px;
			background-position: 		50px center;
			color: 						#9F6000;
			background:					url('img_icons/boxwarning.png') no-repeat 10px center #FEEFB3;


			margin-top:					10px;
			margin-bottom: 				10px;
			font-size:					12px;
			font-weight:				normal;
		}



	p.form_area {
		padding:					10px 0 5px 0;
		clear: 						both;
		border-bottom:				#EEE 0px solid;
		height:						160px;
	}

	/* + form Elements */
	textarea{
		-ms-border-radius:			3px;	
		-webkit-border-radius:		3px;
		-moz-border-radius:			3px;
		-khtml-border-radius: 		3px;	
		width:						670px;
		height:						180px;
		border: 					1px solid #ccc;
		font-size:					12px;
		color:						#666;
		margin: 					0 0 0 -10px;
				background:					url(img_forms/bkg_input.jpg) repeat-x;
	}
	
	.import_csv{
		height: 180px;	
	
	}
	
	/* + Simple elements */
	p.form_element {
		padding:					10px 0 5px 0;
		clear: 						both;
		border-bottom:				#EEE 0px solid;
		height:						17px;
	}
	
	
	p.form_element input{
		-ms-border-radius:			3px;	
		-webkit-border-radius:		3px;
		-moz-border-radius:			3px;
		-khtml-border-radius: 		3px;	
	
		margin-top: 				-1px;
		border:						#ccc 1px solid;
		background-color:			#f2f2f2;
		padding-left:				7px;
		vertical-align: 			top;
		line-height: 				12px;
		font-size: 					12px;
		color:						#666;
		width:						220px;
		float:						left;
		background:					url(img_forms/bkg_input.jpg) repeat-x;
		padding:					4px 4px 4px 5px;
		*padding:					5px 4px 2px 5px; /* Hack IE */		
		padding /*\**/: 			5px 4px 2px 5px\9
	}
	
	p.form_element select{
		background-color:			#f2f2f2;
		height:						20px;
		color:						#666;
		width:						220px;
		float:						left;	
	}
	
	p.form_element input:focus{
		border:						#999 1px solid;
		font-weight:				bold;
	}
	
	p.form_element input.button{
		margin:						5px 0 10px 0;
	}

	p.form_element input.error{
		border:						#FF0000 1px solid;
		color:						#FF0000;
		font-weight:				bold;
	}

	p.form_element input.ok{
		border:						#66CC00 1px solid;
	}
	
	p.form_element label, p.form_area label{
		width:						220px;
		cursor:						pointer;
		padding:					4px 0 0 20px;
		color:						#555;
		text-align:					left;
		display:					block;
		float:						left;
		font-size:					13px;
	}
	p.form_element span, p.form_area span{
		float:						left;
		font-size:					11px;
		color:						#777;
		padding:					6px 0 0 10px;
	}

	p.form_element span.error, p.form_area span.error{
		color:						#FF0000;
		height:						18px;
		border:						0px #333333 solid;
		background:					url(img_forms/form_ko.png) no-repeat left;
		margin-left:				3px;
		padding-left:               25px;
		background-position:		0px 2px; 
	}
		
	p.form_element span.ok, p.form_area span.ok{
		color:						#66FF00;
		height:						18px;
		background:					url(img_forms/form_ok.png) no-repeat left;
		margin-left:				3px;
		padding-left:               25px;
		background-position:		0px 2px; 
		padding-left:               25px;
	}
	
	
	
	p.form_element .multi{
			height: 80px;
		
	}	
	
	
	/* Simple CheckBox */
	
	p.form_element_c{
		margin-top:					30px;
		border-bottom:				#EEE 2px solid;
		padding-bottom:				8px;
		height:						17px;
		width:						920px;
		text-align:					center;
		clear: 						both;
	}

	p.form_element_c input{
		width:						20px;
	}
	
	p.form_element_c input:focus{
	}
	
	p.form_element_c input.error{
	}

	p.form_element_c input.ok{
	}	

	p.form_element_c label{
		width:						200px;
		padding-right:				15px;
		text-align:					right;
		display:					block;
	}
	p.form_element_c span{
		font-size:					11px;
		color:						#777;		
	}

	p.form_element_c span.error{
		color:						#FF0000;
	}
		
	p.form_element_c span.ok{
		color:						#66FF00;
	}




















/* + Tables
-----------------------------------------------------
*/
	
	table.data_grid{
		width:						920px;	
		font-family:				Verdana;
		font-size:					12px;
		color:						#666;
		border-bottom: 				1px solid #ddd;
		clear: both;
	}

	table.data_grid th{
		padding: 					5px;
		font-weight:				bold;
		border: 					1px solid #ccc;
		background:					url(img_structure/admin/bkg_menu.gif) top repeat-x;
		background-position:		0px -10px;
	}

	table.data_grid th a{
		display:					block;
	}

	table.data_grid td{
		padding: 					5px;
		border-top: 				1px solid #ddd;
	}

	table.data_grid tr.par{
		background-color:			#eff2f3;
	}

	table.data_grid tr.group_1{
		border-top-color: #747474;
		color: #494949;
		background-color: #d8dde2			;
	}

	table.data_grid tr.group_2{
		border-top-color: #747474;
		color: #878787;
		background-color: #e5e7ee			;
	}







/* --------------------------------- *\
 + Button
\* --------------------------------- */
	.button_clear { /* generic container (i.e. div) for floating buttons */
		margin:						15px 0 0 0px;
		overflow: 					hidden;
		width: 						100%;
	}

	a.button {
		background: 				transparent url('img_structure/buttons/button_s.gif') no-repeat scroll top right;
		color: 						#333;
		display: 					block;
		float: 						left;
		font: 						normal 12px verdana, sans-serif;
		text-shadow: 				white 0px 1px 1px;
		height: 					23px;
		margin-right: 				6px;
		padding-right: 				18px; /* sliding doors padding */
		text-decoration: 			none;
	}
	
	
	a.button span {
		background: 				transparent url('img_structure/buttons/button_a.gif') no-repeat;
		display: 					block;
		line-height: 				15px;
		padding: 					3px 0 5px 18px;
	}
	
	a.button:active {
		background-position: 		1px right;
		color: 						#000;
		outline: 					none; /* hide dotted outline in Firefox */
	}

	a.button:active span {
		background-position: 		1px left;
		padding: 					4px 0 4px 18px; /* push text down 1px */
		
	} 













































/* tool tips */
.tip {
	background-color: #333;
	padding: 5px;
	width: 400px;
}

.something_else .tip {
	background-color: #993300;
}

.something_else .tip-title {
	background-color: #0000CC;
}

.tip-title {
	color: #fff;
	background-color: #666;
	font-size: 20px;
	padding: 5px;
}

.tip-text {
	color: #fff;
	padding: 5px;
}

.ind {
	width: 200px;
	background-color: #666;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
}

#hide {
	margin-bottom: 20px;
}