/*	
	Reset browsers default styling
	----------------------------------------------------*/

	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,
	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-weight: inherit; 
		font-style: inherit; font-size: 100,01%; font-family: inherit; vertical-align: baseline; line-height: 1; }
	ol, ul { list-style: none; }
	/* tables still need 'cellspacing="0"' in the markup */
	table { border-collapse: separate; border-spacing: 0; }
	caption, th, td { text-align: left; font-weight: normal; }


/*	Generic rules
	----------------------------------------------------*/
	
	body { background: #C4F3FF url(img/puglia.jpg) right top no-repeat; 
	    text-align: center; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	 color: #666666; font-size: 62.5%; word-spacing: 0.1em; padding: 0 0 40px 0; overflow-x: hidden; }
	.block { width: 940px; display: block; clear: both; margin: 0 auto; text-align: left; }
	strong { font-weight: bold; }
		
	a { text-decoration: none; padding-bottom: 1px; }
	a, .clickme { cursor: pointer; }
	
	h1, h2, h3, h4, h5, h6, legend { font-family: Cambria, Georgia, Times, Times New Roman, serif; }
	
	h1 { padding: 0 0 1px 0; }

	input { padding: 4px; border: 1px solid #ccc; color: #666; font-family: Arial, Helvetica Neue, Helvetica, sans-serif }	
	.inputradio, .inputcheckbox { padding: 0; margin: 0 0.5em 0 0; border: none; }

/*	Header
	----------------------------------------------------*/
	
	#header { position: relative; }
	#header img { margin: 20px 0 0; }
	#header h1{ font-size:1.3em; font-weight:bold; color: #003399;}

/*	Container
	----------------------------------------------------*/
	#container { background: #fff url(img/contentTop.png) top center no-repeat; margin:  5px auto 0; 
	padding: 30px 40px 5px; position: relative; width: 860px; }
		#container h1 { float: left; width: 500px; }
		#content { clear: both; width: 860px; padding:  2px 0;  }

        #info_box { float: left; margin: -5px 0 0 -5px; width: 490px; }		
	.spacer { clear: both; width: 860px; height: 40px; }
	.readonly { background: #e2e2e2; } 


		
/*	Footer
	----------------------------------------------------*/
	#footer { position: relative; top: -15px; padding: 0 0 30px 0; }
	#foocontent { width: 940px; }
		#foocontent .logo { float: left; margin: 0 10px 0 0; }
		#foocontent p { line-height: 1.3em; font-size: 1em; width: 690px; float: left; color:#003399; }
			#foocontent a { color: #003366; }
			#foocontent a:hover { color: #336699; }

/*	Info Box
		----------------------------------------------------*/
#reporting { position: relative; clear: both; padding-top: 10px; }

	#info_box #realtime_fancountDate, #info_box #realtime_fancount, 
	#info_box #facebook_box, #info_box #video_box, #info_box #twitter_box, #info_box #news_box, #info_box #blog_box, #info_box #altro_box
	{ position: relative; margin-bottom: 30px; }
	
	#info_box .element_list .top { 
	    background: url(img/BlocksMain.png) top center no-repeat; clear: both; height: 8px; }
	    
	#info_box .element_list .middle { 
	    background: url(img/BlocksMiddle.png) top center repeat-y; padding: 0 25px 10px; clear: both; font-size: 1.1em; }
		#info_box .element_list .middle h2 { background: url(img/BlocksMain.png) -5px -5px no-repeat; 
		color: #333; display: block; height: 47px; left: 5px; line-height: 45px; margin: -12px -25px; position: relative; 
		text-align: center; top: 5px; width: 848px; font-size: 1.5em; }
		#info_box .element_list .middle h3 { font-weight:bold; margin:  35px 0 15px; color: #666; 
		font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; height:40px; }
	
	#info_box .element_list .middle p{ font-size:1.2em; line-height:1.3em;margin:   15px 0 15px; padding-top:0px;
	font-family: Arial, Helvetica, sans-serif; float:left;}
	
	#info_box .element_list .bottom { background: url(img/BlocksMain.png) bottom center no-repeat; 
	        clear: both; margin-bottom: 15px; height: 8px; }
	
		.element_list ul { display: block; padding: 0; margin: 3em 0 0 0; }
			.element_list ul li { background: #fff; position: relative; clear: both; display: block; padding: 5px; }
			.element_list ul li.odd { background: #F7F7F7; }
				.element_list ul span { font-size: 12px; line-height: 12px; list-style: none; display: inline; color: #333; font-size: 1.1em; }
				.element_list ul span.tldview { color: #7FA901; font-weight: bold; font-size: 1.2em; }
			    .element_list ul span.bundle { position: absolute; right: 40px; top: 3px; }
			    .bundle select { width: 100px; }
			    .element_list ul .adder_ico { position: absolute; right: 6px; top: 3px; height: 22px; width: 22px; }
			    .element_list .domainplus_price { color: #999999; display: block; font-family: Georgia, serif; font-size: 1.3em;
			     position: absolute; right: 15px; text-align: center; top: 7px; width: 92px; padding-bottom: 2px; }
	
		.showMore { display: block; padding: 10px 0; text-align: center; font-size: 1.2em; border-top: 1px solid #E5E5E5; }
			.showMore span { border-bottom: 1px solid #ccc; padding-bottom: 1px; }
			
	/* -- For when the other .tld are unavailable -- */
	
	body #info_box #realtime_fancount.empty { margin-bottom: 15px; }
	body #info_box .empty .top, body #info_box .empty .bottom { display: none; }
	body #info_box .empty .assigned { background: none; padding: 0 5px; }
	.empty .showMore { border: none; text-align: right; font-size: 1.1em; padding: 5px 0 10px; }
		.empty .showMore span {  }

#info_box .top { background: url(img/elementBigBoxMain.png) no-repeat scroll center top; clear: both; float: left; height: 12px; width: 860px; }
#info_box .middle { background: url(img/elementBigBoxMiddle.png) repeat-y center top; clear: both; float: left; 
    overflow: visible; padding: 15px 25px; width: 810px; }
#info_box .bottom { background: url(img/elementBigBoxMain.png) no-repeat center bottom; clear: both; float: left; height: 12px; width: 860px; }