@charset "utf-8";
/* CSS Document */

html{background:url(../img/bg.png) repeat-x #51133d;}

body
{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:14px;
	scrollbar-base-color : #ccc;
}

*
{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100;

}
#wrapper
{
position:relative;
background:url(../img/background.jpg) repeat-x #51133d;
}

#header
{
	height:150px;
	background-image: url(../img/header_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 911px;
}

.service_menu li
{
height:38px;
float:left;
padding:0 0px;
list-style:none;
}


.service_menu li
{
height:38px;
float:left;
padding:0 0px;
list-style:none;
}

.service_menu
{
position:absolute;
left:0px;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-align:center;
}

.service_menu a
{
padding:0 7px 0 7px;
color:white;
display:block;
line-height:38px;
font-family:'tahoma',Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
text-align:center;
text-decoration:none;
}

.service_menu a:hover, a#service_active 
{
background:url(../img/menu_placeholder.gif) no-repeat top center;
color:white;
}

#logo
{
	position:relative;
	top:72px;
	width: 490px;
	left: 420px;
}

#content
{
	width:911px;
	margin:0 auto;
	position:relative;
}

.footer
{
width:100%;
margin:0 auto;
height:30px;
}


.footer_container
{
width:911px;
margin:0 auto;
}

a.footer_readmore
{
color:#375861;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:11px;

}

a.footer_readmore:hover
{
color:#993333;
}

.colsx
{
width:35%;
float:left;
margin-top:15px;
margin-right:15px;
padding-right:10px;
margin-left:22px
}

.coldx
{
width:55%;
float:left;
height:123px;
margin-top:15px;
margin-right:0px;
}


#internal_flickr_container
{
float:left;
}

#internal_flickr_container img
{
margin-left:5px;
background:url(../img/polaroid.gif) no-repeat center;
padding:10px;
border:none;
float:left;
}

#flickr_container img
{
background:url(../img/polaroid.gif) no-repeat center;
padding:10px;
border:none;
float:left;
margin:0 5px 5px 0;
}

#flickr_container a, #internal_flickr_container a
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.opacityit
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.opacityit:hover
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

#flickr_container a:hover, #internal_flickr_container a:hover, #internal_flickr_container img:hover
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

#main
{
background:url(../img/content_bottom.png) no-repeat bottom #ccc;
margin-bottom:30px;
}


.content_top
{
background:url(../img/content_top.png) no-repeat;
width:911px;
height:40px;
top:0;
position:relative;
}

/* nuovi*/
.layout
{
	padding:20px;
	position:relative;
	z-index:10;
}

.contact
{
	background-image: url(../img/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}



#int_col_sx
{
width:100%;
float:left;
padding-bottom:40px;
}

#int_col_dx
{
width:17%;
float:left;
}

#int_col_dx a
{
display:block;
}

.blog_col_img
{
width:27%;
float:left;
padding-right:10px;
}

.blog_col_img img
{
border:10px solid #F0F0F0;
}
.title{
	width:68%;
	float:left;
	margin-left: 20px;
	}
.main_content
{
	width:68%;
	float:left;
	margin-left:20px;
	height: 420px;
	/*overflow: auto;*/
}

.index_content
{
	width:68%;
	float:left;
	margin-left:20px;
	height: 500px;
}

.item_content
{
	width:68%;
	float:left;
	margin-left:20px;
	height: 500px;
}

.product_content
{
	width:66%;
	float:left;
	margin-left:20px;
	height: auto;
}

.about_txt
{
font-weight:bold;}
/*
.blog_img
{
border:10px solid #F0F0F0;
}
*/

.article_abstract
{
	background:url(../img/about_bg.gif) repeat;
	width:95%;
	padding:5px;
	margin-bottom:20px;
	height: 100%;
}

.product_show {
	max-width:520px;
    width:expression(document.body.clientWidth > 520? "520px": "auto" ); 	margin:1px 1px 10px 1px;
	border:0;
	margin-left:20px;
	text-align: center;
}
.product_show a { max-width:520px;width:expression(document.body.clientWidth > 520? "520px": "auto"); margin:1px; border:0;}

.article_abstract p
{
font-size:14px;
}


.data_archivio
{
color:#8C7C2E;
float:left;
}

.archive_post_title
{
margin-left:15px;
float:left;
}

.post_list ul
{
padding:0;
margin:10px 0;
width:100%;
}

.post_list li
{
list-style:none;
list-style-type:none;
clear:both;
margin:0;
padding:5px 0;
border-bottom:1px dotted #8C7C2E;
height:14px;
width:830px;
}

a.archive_post_title
{
color:black;
font-size:14px;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
}

.archive_post_title a:hover,  .archive_post_title a:active
{
color:#FF9900;
}

.archive_post_title a:visited
{
color:#CC6600;
}

.about_list li
{
padding-left:18px;
background:url(../img/icon_freccia.gif) 0 3px no-repeat;
list-style:none;
font-size:14px;
}

p
{
font-size:14px;
}


/*a, a:hover
{
text-decoration:none;
}

a:hover
{
color:#FF9900;
}

a:visited
{
color:#CC6600;
}*/

h1
{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	margin:0 0 35px 0px;
	color: #8C7C2E;
}

h2
{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#8C7C2E;
	margin-bottom:10px;
	font-weight:normal;
}

h2.year
{
color:#FF9900;
margin-top:20px;
margin-bottom:0px;
padding:0;
}

h6
{
color:#47818A;
font-weight:normal;
font-size:14px;
margin: 3px 0
}

h7
{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#8C7C2E;
	margin-bottom:10px;
	font-weight:normal;
}

.articolo_data, .comment_number
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:15px;
margin-right:15px;
}

a.visit_archive
{
color:#47818A;
font-size:14px;
margin-top:40px;
}

#int_col_dx a
{
color:#47818A;
font-weight:normal;
font-size:14px;
margin: 3px 0
}

#int_col_dx a:hover
{
color:#FF9900;
}

.footer_container
{
width:911px;
margin:0 auto;
}
.footer_container p {
	text-align: center;
	margin: 0px auto;
	padding-top: 10px;
	color: #79008A;
}
a.footer_readmore
{
color:#375861;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:11px;

}

a.footer_readmore:hover
{
color:#ff9900;
}

.didascalia
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
margin:10px 0;
}

.float_sx
{
float:left;
}



.cvcontainer
{
background:url(../img/about_bg.gif) repeat;
width:97,5%;
padding:10px;
height:105px;
margin-bottom:30px;
}

.update_time
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
color:#8C7C2E;
padding-left:0px;
padding-top:0px;
}

.action_box
{
margin-top:5px;
padding:5px 5px 5px 5px;
background:white;
margin-right:20px;
}

.abstract_cv
{
width:70%;
margin-left:0px;
font-size:14px;

}

.abstract_cv h3
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:16px;
color:black;
font-weight:bold;
margin-bottom:15px;
}

.abstract_cv p 
{
margin:0;
padding:0;
font-size:14px;
}


/* */

.footer_content_box
{
margin-top:15px;
width:27%;
height:123px;
float:left;
margin-right:15px;
padding-right:10px;
}

.section_name
{
font-size:14px;
color:#8C7C2E;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

.footer_content_box li, .footer_content_box ul
{
list-style:none;
list-style-type:none;
}

h4
{
font-size:14px;
font-weight:bold;
color:#FF9900;
margin:3px 0;
}

h4:first-letter
{
text-transform:uppercase;
}

#int_col_dx h4
{
margin: 8px 0 0px 0;
padding:0;
}

p.footer_content
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
color:#8C7C2E;
font-size:11px;
margin-bottom:5px;
line-height:1.2em;
}

/* gestione del tab */
.polaroid
{
background:url(../img/bg_orange.png) repeat-x;
height:363px;
width:100%;
position:relative;
}

.sfondo
{
background:url(../img/polaroid_conten.png) no-repeat left;
height:363px;
}


.p_menu
{
position:absolute;
z-index:2;
top:0px;
right:0px;
}

.p_menu li
{
list-style:none;
}

.p_menu a
{
display:block;
}

.b_web
{
width:196px;
height:86px;
background:url(../img/bt_web_off.png) no-repeat top;
}

.b_web:hover
{
height:86px;
background:url(../img/bt_web_off.png) no-repeat bottom;
}

.b_progress
{
width:196px;
height:69px;
background:url(../img/bt_progress_off.png) no-repeat top;
}

.b_progress:hover
{
background:url(../img/bt_progress_off.png) no-repeat bottom;
height:69px;
}

.b_mkt
{
width:196px;
height:70px;
background:url(../img/bt_mkt_off.png) no-repeat top;
}

.b_mkt:hover
{
width:196px;
height:70px;
background:url(../img/bt_mkt_off.png) no-repeat bottom;
}

.b_icon
{
width:196px;
height:67px;
background:url(../img/bt_icon_off.png) no-repeat top;
}

.b_icon:hover
{
height:67px;
background:url(../img/bt_icon_off.png) no-repeat bottom;
}

.b_print
{
width:196px;
height:71px;
background:url(../img/bt_print_off.png) no-repeat top;
}

.b_print:hover
{
height:71px;
background:url(../img/bt_print_off.png) no-repeat bottom;
}

#tab_web, #tab_progress, #tab_mkt, #tab_icon, #tab_print
{
height:363px;
position:absolute;
z-index:10;
top:0;
left:0;
}


.cornice
{
position:absolute;
top:0px;
left:0px;

/*
top:67px;
left:54px;
*/
}

.project_description
{
margin-left:463px;
margin-top:43px;
width:230px;
display:block;
}

.project_description img
{
margin-bottom:20px;
}

.project_description p
{
width:230px;

}

a.readmore_bt
{
background:url(../img/more_bg.gif) no-repeat;
display:block;
width:124px;
height:29px;
padding:6px 0 0 10px;
font-size:14px;
color:black;
margin:10px 0;
}

a.readmore_bt:hover
{
color:#8C7C2E;
}

a.readmore_bt:visited
{
color:#663300;
}

a.Enquiry_bt
{
background:url(../img/Enquiry_bg.gif) no-repeat;
display:block;
width:124px;
height:29px;
padding:6px 0 0 10px;
font-size:14px;
color:black;
margin:10px 0;
}

a.Enquiry_bt:hover
{
color:#8C7C2E;
}

a.Enquiry_bt:visited
{
color:#663300;
}

.home_about_me
{
	height:250px;
	position:absolute;
	bottom:0px;
	padding:0 40px 0 40px;
	width:400px;
	left: -2px;

}

.home_work
{
width:430px;
right:0;
height:250px;
position:absolute;
bottom:0px;
}


p.about
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
line-height:1.3em;
}

.home_about_me ul
{
margin:0;
margin-top:5px;
padding:0;
}

.home_about_me li
{
line-height:35px;
list-style:none;
background:url(../img/separator.gif)  repeat-x bottom;

}

a.resumee
{
background:url(../img/icon_more.gif) left center no-repeat;
display:block;
padding-left:23px;
color:black;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
width:180px;
}

a.about_more
{
background:url(../img/icon_resumee.png) left center no-repeat;
display:block;
padding-left:23px;
color:black;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
width:180px;
}

a.resumee:hover, a.about_more:hover 
{
color:#FF9900;
}

.home_content
{
	height:195px;
	padding:10px 15px;
	width: 880px;
	position: relative;
	top: 5px;
	background:url(../img/home_content_bg150.png) top no-repeat ;

}

#flickr_container
{
margin-top:15px;
}

/*
#flickr_container img
{
margin:5px;
background:url(../img/polaroid.png) no-repeat center;
padding:10px;
border:none;
}
*/

a, a:hover
{
text-decoration:none;
color:#FF6600;
}

a:hover
{
color:#FF9900;
}

a:visited
{
color:#FFFFFF;
}

.slideshowcontainer
{
width:817px;
background:url(../img/slide_top.gif) no-repeat black;
margin:10px auto;
padding-top:20px;
position:relative;
margin-bottom:20px;
}

.slideshow_box
{
background:url(../img/slideshow_box.gif) no-repeat bottom  ;
padding-bottom:11px;
}

.box_bottom
{
background:url(../img/slideshow_box.gif) no-repeat;
height:11px;
position:absolute;
bottom:0;
z-index:15;
}


.label
{
display:block;
float:left;
width:80px;
font-size:14px;
}


.comment_zone_input
{
width:180px;
background:url(../img/input_bg.gif) bottom repeat-x white;
border:1px solid #CCCCCC;
float:left;
margin:5px 0;
margin-top:0;
padding-left:3px;
}

.comment_zone p
{
padding-top:5px;
clear:left;
}

.comment_zone textarea
{
width:380px;
height:100px;
background:url(../img/textarea_bg.png) bottom repeat-x white;
border:1px solid #CCCCCC;
font-size:14px;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
margin:2px 0;
padding:4px;
}

.comment_separator
{
height:5px;
border-top:1px solid #CCCCCC;
}

h3
{
font-size:16px;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
color:#47818A;
margin-top:8px;
font-weight:bold;
}

.submit
{
background:url(../img/button_bg.jpg) repeat-x;
border:1px solid #5A90B1;
width:100px;
height:30px;
padding:5px;
text-align:center;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:13px;
color:black;
margin:20px 0;
cursor:pointer;
font-weight:black;
}

.submit:hover
{
background:url(../img/button_bg_over.jpg) repeat-x;
border:1px solid #FF8F00;
width:100px;
height:30px;
padding:5px;
text-align:center;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:13px;
color:white;
margin:20px 0;
cursor:pointer;
font-weight:black;
}

.nav_categories li
{
list-style:none;
padding:0;
}


.contact_info
{
margin:0;
padding:0;
}

.contact_info li
{
list-style-type:none;
font-size:14px;
margin:8px 0;
padding-left:25px;
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
}

.add
{
background:url(../img/icon_add.gif) no-repeat;
}
.cell
{
background:url(../img/icon_mobile.gif) no-repeat;
}

.mail
{
background: no-repeat;
background:url(../img/icon_mail.gif) no-repeat;
color:#8C7C2E;

}
.mail a:link {
	color: #8C7C2E;
}
.mail a:visited {
	color: #8C7C2E;
}
.mail a:hover {
	color: #8C7C2E;
}

.buddy
{
background:url(../img/icon_buddy.gif) no-repeat;
}

p
{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 500;
}

h5
{
font-family:"Times New Roman", Arial, Helvetica, sans-serif;
font-size:14px;
}

.content_article p
{
line-height:1,4em;
}

*/ accordion  */

.polaroid
{
background:url(../img/bg_orange.png) repeat-x;
height:363px;
width:100%;
position:relative;
}

.polaroid_accordion
{
background:url(../img/polaroid_conten_rigid_total.png) no-repeat;
height:363px;
width:100%;
position:relative;
top:19px;
left:14px;
}

.sfondo
{
background:url(../img/polaroid_conten.png) no-repeat left;
height:363px;
}

.sfondo_rigido
{
background:url(../img/polaroid_conten_rigid.png) no-repeat left;
height:363px;
}


.content_article ul
{
margin:10px 0 10px 30px;

}



		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 340px;
			width: 71px;
			background: ;
			color: #ccc;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			
			
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 540px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #c2ae48;
			color: #666600;
			width:800px;
			
		}
			
			.horizontal_accordion_content p {
				
				line-height: 130%;
				padding: 0;
				height:280px;
				width:230px;
				position:relative;
				top:10px;
				left:10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 0;
      width: 100%;   
      height: 340px; 
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 890px;
    }
	
	.web_acc			{background:url(../img/tab_about.png) top left no-repeat;width:71px;}
	.web_acc:hover		{background:url(../img/tab_about.png) top right no-repeat;width:71px;}
	.web_accB			{background:url(../img/tab_aboutB.png) top left no-repeat;width:71px;}
	.web_accB:hover		{background:url(../img/tab_aboutB.png) top right no-repeat;width:71px;}
	.progress_acc		{background:url(../img/tab_progress.gif) top left no-repeat;width:71px;}
	.progress_acc:hover	{background:url(../img/tab_progress.gif) top right no-repeat;}
	.progressB_acc		{background:url(../img/tab_progressB.gif) top left no-repeat;width:71px;}
	.progressB_acc:hover	{background:url(../img/tab_progressB.gif) top right no-repeat;}
	.mkt_acc			{background:url(../img/tab_products.gif) top left no-repeat;width:71px;}
	.mkt_acc:hover		{background:url(../img/tab_products.gif) top right no-repeat;width:71px;}
	.icon_acc			{background:url(../img/tab_icon.gif) top left no-repeat;width:71px;}
	.icon_acc:hover		{background:url(../img/tab_icon.gif) top right no-repeat;width:71px;}
	.print_acc			{background:url(../img/tab_print.gif) top left no-repeat;width:71px;}
	.print_acc:hover	{background:url(../img/tab_print.gif) top right no-repeat;width:71px;}
	
	.content_web		{background:url(../img/world_link.GIF) no-repeat top right;}
	.content_progress	{background:url(../img/business_bg.png) no-repeat top right;}
	.content_mkt	{background:url(../img/acc_mkt.jpg) no-repeat top right;}
	.content_ico	{background:url(../img/contact_bb.png) no-repeat top right;}
	.content_print	{background:url(../img/acc_print.jpg) no-repeat top right;}

side menu
#side_menu{
	width: 220px;
}
.arrowlistmenu{
width: 220px; /*width of menu*/
}

.arrowlistmenu{
width: 220px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font-size: 14px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
color: #E2BD5F;
background: black url(../img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color:#8C7C2E;
background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #8C7C2E;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #999999;
background-color: #F3F3F3;
}


*.list_unit { float:left; width:380px; margin-left:10px; padding:5px 0 8px 0; border-bottom:1px dotted #9AC4E9;}
.list_unit p {width:124px; float:left;}
.list_unit p a { display:block; border:1px solid #9bbfd0;}
.list_unit p a:hover { border:1px dashed #9bbfd0;}
.list_unit p a img { max-height:100px;height:expression(document.body.clientheight > 100? "auto": "100px"); margin:1px; border:0;}
.list_unit ul { float:left; width:150px; }
.list_unit ul li { float:left; width:150px; line-height:22px; color:#8C7C2E; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#l_templates { border-width:0;}

*.list_unit_m { float:left; width:258px; margin-left:0px; padding:5px 0 5px 0; border-bottom:1px dotted #9AC4E9;}
.list_unit_m p { float:left; width:145px; background-color:#FFFFFF; margin:0;}
.list_unit_m p a { display:block; border:1px solid #9bbfd0;}
.list_unit_m a:hover { border:1px dashed #9bbfd0;}

.list_unit_m img{
	max-height:100px;
    height:expression(document.body.clientheight > 100? "auto": "100px" );
	border:1px dashed #8C7C2E;
	padding:3px;
	background-color:#FFFFFF;
}

.list_unit_m a img { 
max-height:100px;
height:expression(document.body.clientheight > 100? "auto": "100px"); 
margin:1px; 
border:0;}

.list_unit_m ul { float:left; width:105px; margin:5px; padding:0;}
.list_unit_m ul li { float:left; width:105px; line-height:22px; color:#8C7C2E; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

*.list_unit_b { float:left; width:520px; margin-left:0px; padding:0; border-bottom:1px dotted #9AC4E9;}
.list_unit_b p { float:left; width:525px;}
.list_unit_b p a { display:block; border:1px solid #9bbfd0;}
.list_unit_b a:hover { border:1px dashed #9bbfd0;}
.list_unit_b img { max-width:520px;width:expression(document.body.clientWidth > 520? "520px": "auto" ); margin:1px; border:0;}
.list_unit_b a img { max-width:520px;width:expression(document.body.clientWidth > 520? "520px": "auto"); margin:1px; border:0;}
.list_unit_b ul { float:left; width:150px; margin-top:10px;}
.list_unit_b ul li { float:left; width:150px; line-height:22px; color:#8C7C2E; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#l_templates { border-width:0;}


a.button {
	color:#fff !important;
	text-transform: uppercase;
	font-weight:normal  !important;
	height:21px;
	padding:3px 23px 7px;
	font-size:9px;
	background:url(../img/pagebutton.jpg) repeat-x top;
	margin-right:6px;
}

a.button:hover {
	background:url(../img/pagebutton.jpg) repeat-x 0 -22px;
}



a.ovalbutton{
background: transparent url('../img/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../img/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

ul#paging {
display:inline;
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:10px;
padding:0px;

}
ul#paging li {
display:inline;
float:left;
margin-right:4px;
}
ul#paging li a {
background:#cccccc url("../images/fade.jpg") repeat-x scroll left bottom;
border:1px solid #aaa;
color:#8C7C2E;
display:block;
float:left;
padding:2px 4px;
}

ul#paging li a:visited {
border:1px solid #8C7C2E;
color:#8C7C2E;
}

ul#paging li a:hover {
background:#1D4C9F none repeat scroll 0% 50%;
color:#8C7C2E;
}
ul#paging li.empty {
background:#ccc url("../images/fade.jpg") repeat-x scroll left bottom;
border:1px solid #8C7C2E;
color:#8C7C2E;
display:block;
padding:2px 4px;
}
ul#paging li.selected a, ul#paging li.selected a:visited {
background:#CCCC99 none repeat scroll 0% 50%;
color:#D50D00;
}

.cssform{
	margin-top: 10px;
}
.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 5px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: 10px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform span{
	font-weight: normal;
	width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	margin-left: 10px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: auto;
}

.cssform textarea{
width: 300px;
height: 180px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}