/*------------------------------
	Enquiry-cart RHS, and Cart page
*/
div.enquiry-cart {
	border:1px solid #ddd;
	padding:5px;
	margin:0 0 15px 0;	
}
div.enquiry-cart .heading {
	font-weight:bold;
	padding: 0 0 5px 25px;
	color:#f60;
	display:block;
	background:url('img/icon_cart.gif') no-repeat 0 2px;	
}
div.enquiry-cart .checkout {
	display:block;
	background:url('img/icon_checkout.gif') no-repeat 0 0;
	margin: 5px 0 0 0;
	padding: 0 0 0 20px;
}
/*------------------------------
	Professionals 
	#search-box
	.professionals  
*/
#search-box {
	border:1px solid #ddd;
	background:#eee;
	padding:5px 10px;
	margin: 0 0 15px 0;
}
#search-box .center {
	text-align:center;
}
#search-box .inline-list {
	margin: 0 0 5px 0;
}
#search-box .inline-list li {
	padding: 0 1px;
}
#search-box label span {
	display:block;
	font-size:.9em;
}
#search-box form {
	padding: 10px 0;
}
#search-box strong {
	font-size:.9em;
	color:#000;
}
#search-box form li {
	padding: 0 5px 0 0;
}
.table-list a, .table-list span {
	display:block;	
}
.table-list .more-info {
	float:right;
}
.eco-space{
	display:block;
	width:15px;
	height:15px;
	overflow:hidden;
	text-indent:2000px;	
	margin-left:5px;
}
.eco-mark{
	background:url('img/leaflogo.gif') no-repeat 0 0;
}
.eco-indent{
	padding-left:18px;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.table-list a {
	float:left;	
}
.table-list a.remove {
	float:right;
	text-indent:-5000px;
	background:url('img/icon_delete2.gif') no-repeat 100% 80%;
	width:15px;
	height:15px;
}
ul.radio-option{
	text-align:right;	
}
ul.radio-option li{
	display:inline;
}
/*------------------------------
	#todays-featured 
		- Todays featured property located on the homepage
*/
#todays-featured {
	margin: 0 0 5px 0;
	font-size:.9em;
}
#todays-featured li {
	margin: 0 0 5px 0;
}
#todays-featured a {
	color:#000;
}
#todays-featured span.frame {
	display:block;
	padding:2px;
	border:1px solid #ddd;
}
#todays-featured span.desc {
	display:block;
	padding:5px 2px;
	background:#f2f2f2;
	text-align:center;
}
#todays-featured strong {
	display:block;
	color:#ff6600;
}

/*------------------------------
	side column Slide show styling
*/
#slideshow-list a {
	border:1px solid #BBBBBB;
	color:#333333;
	display:block;
	/*width: 15px;*/
	float: left;
	margin:0 5px 0 0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}
#slideshow-list .active{
	background-color:#CCC;	
}

/*------------------------------
product library

*/
.add-brochure{
	position:absolute;
	right:0;
	bottom:-1px;
	width:97px;
	height:19px;
}
.pdf-container{
	
}
#library-logo{
	position:relative;
	width:100%;
	height:108px;
	background:url(img/productlibrary_logo.jpg) no-repeat left top;
	overflow:hidden;
}
#library-logo a.clickable{
	float:left;
	width:650px;
	height:108px;	
	text-indent:-9999px;
}
ul.pdf-category-list{
	padding:3px 0;
	margin:0;
	border-top:1px solid #DDD;	
	border-bottom:1px solid #DDD;	
	overflow:hidden;
}
ul.pdf-category-list li{
	float:left;
	display:inline;	
	margin-right:8px;
}
ul.pdf-category-list li .category-name{
	font-family:arial,helvetica,sans-serif;
	font-weight:700;
	font-size:1.1em;
}
ul.pdf-category-list li a{
	display:block;
	color:#000;
	background-color:#FFF;	
	padding:3px;
}
ul.pdf-category-list li a.active,
ul.pdf-category-list li a:hover{
	color:#FFF;	
	background-color:#FF6600;
}

.pdf-container ul{
	width:780px;
	overflow:hidden;
}
.pdf-container ul li{
	float:left;
	position:relative;
	display:inline-block;
	margin:8px 15px;
	width:120px;
	overflow:hidden;
	text-align:center;
}

.pdf-container ul li .pdf-img{
	display:block;
	width:100px;
	height:120px;
	margin:auto;
}
.pdf-container ul li .pdf-name{
	display:block;
	width:120px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	margin:auto;
}
.pdf-container ul li .pdf-icon{
	position:absolute;
	bottom:20px;
	right:7px;
	width:32px;
	height:32px;
	background:url(img/pdf-icon.png) no-repeat left top;
}
/*------------------------------
	Company and Professional Styling
	#company, #professional
*/
#body ul li.priority a {
	font-weight:bold;
	color:#f60;
}
#company h1, #professional h1 {
	border-bottom:none;
}
#professional h2, .standard-listing h2 {
	color:#f60;
	margin: 10px 0 5px 0;
	font-weight:bold;
	position:relative;
}
.bold-listing h2,  h2.section-header {
	color:#f60;
	border:1px solid #ddd;
	font-weight:bold;	
	padding: 2px 5px 10px 4px;
	margin: 0 0 5px 0;
	clear:both;
	position:relative;
}
.contact-details h2 {
	clear:both;
}
.to-top{
	position:absolute;
	right:5px;
	top:2px;	
	color:#CCC;
}
#company .articles li{
	position:relative;	
}
#company .articles h3 { 
	font-weight:bold; 
	padding: 0 0 3px 0;
	display:block;
	width: 320px;
}
#company .articles .content-image {
	width: 130px;
}
#company .articles .content-image .enlarge {
	display:block;width:130px;text-align: center;	
}
#company .articles .text {
	width: 450px;
}
#company .more-images {
	padding: 10px 0;
}
#company .articles .links {
	position:absolute;
	right:0;
	top:0;	
}

#bookmarking {
height:30px;
padding:20px 0;
}
#bookmarking h3 {
border-bottom:1px solid #FF6600;
font-size:11px;
padding:0 0 2px;
}
#bookmarking li {
color:#666666;
display:block;
float:left;
font-size:10px;
font-weight:normal;
height:18px;
list-style-type:none;
}
#bookmarking ul {
padding:5px 0 0;
}
#bookmarking a {
color:#FF6600;
padding:0 15px 0 22px;
text-decoration:none;
}
#delicious {
background:transparent url(/images/delicious.gif) no-repeat scroll 0 0;
}
#digg {
background:transparent url(/images/digg.gif) no-repeat scroll 0 0;
}
#facebook {
background:transparent url(/images/facebook.gif) no-repeat scroll 0 0;
}
#yahoo {
background:transparent url(/images/yahoo.gif) no-repeat scroll 0 0;
}

/* bold listings have nice headers */
.bold-listing .contact-details { clear:both;}
.bold-listing .address {float:left;width: 290px;padding: 0 5px 0 0;height: 15em;}

/* standard listings display address underneath each other */
.standard-listing .address { float:left;}
.standard-listing .contact-details {float:none;clear:none;}
.standard-listing .contact-details h2 {clear:none; }
.standard-listing .secondary, .standard-listing .contact-details h2.secondary {clear:both;}


div.more-information { float:right; }
#company .more-information { width:300px; }
#company .branch-name { font-weight:bold; }
#company img.primary-image {
	display:block;
	float:right;
	margin: 0 0 10px 0;
}
#company ul.press-release {
	width: 350px;	
}
#professional {display:block;width:100%;overflow:hidden;}
#professional .more-information {width:300px;}
#professional div.information {float:left; margin-right:10px;}
#professional .contact-details{
	margin-bottom:20px;	
}
#professional-description{
	width:280px;
}
.view-map{
	display:block;
	background:url(img/map-icon.png) no-repeat top left;
	padding-left:32px;
	margin-top:5px;
	height:32px;
	width:32px;
	line-height:32px;
	font-size:20px;
	overflow:hidden;
	text-indent:9999px;
}
.gallery{
	display:block;
	margin:10px auto;
	padding:0 5px;
	border:1px solid #DDD;
}
.gallery h3{
	font-size:1.2em;
	font-weight:800;
	padding:5px;
	border-bottom:1px solid #DDD;	
}
.gallery ul.image-show{
	display:block;
	width:580px;
	margin:10px auto 0 auto;	
	overflow:hidden;
}
.gallery ul.image-show li{
	display:inline-block;
	float:left;
	width:110px;
	margin-right:5px;
	margin-bottom:5px;	
	text-align:center;
}
/* Company brochure list */
#company .brochures li { float:left; width: 130px; border-bottom:none;height:180px;padding: 0 16px 16px 0;margin:0;}

.pdf-name{
	font-size:0.8em;
	height:0.8em;
	line-height:0.8em;
}
/* Architects only atm -- architectural review */
#architectural-review {
	width:290px;	
	float:right;
	clear:both;
	font-size:.95em;
	/*background: #E1D4C0 url(img/architecturalReviewHeader.gif) no-repeat scroll left top;*/
	background-color: #E1D4C0;
}
#architectural-review h3{
	font-size:18px;
	background-color:#BBB294;
	padding:5px;	
}
#architectural-review dt {
	font-weight:bold;	
}
#architectural-review dl{
	margin:0 5px;	
}
#architectural-review dd{
	white-space:pre-wrap;	
	line-height:95%;
}
.auto-scroll{
	height:150px;
	overflow:auto;	
}
#company .address { 
	position:relative;	
}
#company .view-map {
	display:block;
	width:70px;
	bottom:0;
	left:180px;
	font-size:.9em;
	/*color:#777;*/
}
#company .view-map:hover {
	color:#f60;
	cursor:pointer;	
}

/*------------------------------
	Category list on the homepage and LHS
	.category-list / .hp-list / .lhs-list
		- Category list on the homepage and the LHS
*/
.category-list a {
	color:#333;	
}
.category-list a:hover {
	color:#ff6600;
	text-decoration:underline;	
}
.lhs-list {
	border:1px solid #ddd;
	padding:5px;
	margin: 0 0 5px 0;	
}
.lhs-list span {
	font-weight:bold;
	font-size:1.2em;
	display:block;
	color:#000;	
	padding: 0 0 5px 0;
}
.lhs-list .section {
	display:inline;
}
.hp-list {
	width:270px;
	float:left;	
}
.hp-list li {
	background:url('img/bullet.png') no-repeat 2% 50%;
	padding: 0 0 0 20px;
	line-height:1.4em;
}
.hp-list li.section {
	padding: 5px 0 5px 20px;
	background: url('/icn/icon_checkout.gif') no-repeat 0 50%;
}
.hp-list h2 {
	font-size: 1.05em;
	font-weight:bold;	
}

/*------------------------------
	Category / Company list on the directory pages
	
*/
.related-categories {
	border:1px solid #DDD;
	padding: 2px 5px;
	margin: 0 0 1em 0;
}
.related-categories span {
	display:block;
	font-weight:bold;
	padding: 0 0 .3em 0;
}
.related-categories a {
	color:#333;
}
.category-image {
	width: 590px;
}
#body .category-description {
	margin: 5px 0;
}
.company-list .priority {
	background: #F5EDE3;
}
.company-list .priority a {
	float:none;
}
.company-list .article-list {
	float:right;
	padding: 3px 0 0 0;
}
.company-list .article-list a {
	display:block; float:left; padding: 0 0 0 4px;
}
h2.sub-heading { 
	padding: .5em 0 0 0;
	font-size:1.1em;
	font-weight:bold;
}
.legend {
	padding: 0 0 5px 0;
	font-size:.95em;	
}
.legend li {
	padding: 3px 5px 3px 25px;	
}
.legend .testimonials {
	background: url('img/star.gif') no-repeat 0 0;
}
.legend .brochures {
	background: url('img/icon_library.gif') no-repeat 0 0;
}
.legend .eco-friendly {
	background: url('img/leafLegend.gif') no-repeat 0 0;
}
img.icon {
	display:block;
	float:left;	
	padding: 0 0 0 5px;
}

/*------------------------------
	article image show widget on category list page
*/
.articleImageShow {
	width:600px;
	margin-top:10px;
	position:relative;
}
.articleImageShow h2 {
	font-size:1.1em;
	font-weight:bold;	
}
.articleImageShow ul {
	text-align:center;	
	margin-top:5px;
	overflow:hidden;
}
.articleImageShow ul li.productImage {
	width:135px;
	display:block;
	float:left;
	margin-left:10px;
}
.article-float {
	display:none;
	width: 250px;
	position: absolute;
	left:0;
	top:0;
	background-color:#FFF;
	border:1px solid #000;
	padding:10px;
	text-align:center;
}
.article-float p {
	text-align:left;	
}
.article-float .more {
	text-align:right;	
}
/*------------------------------
	professional image show widget on field index page
*/
.projectImageShow {
	width:600px;
	margin-top:10px;
	position:relative;
}
.projectImageShow h2 {
	font-size:1.1em;
	font-weight:bold;	
}
.projectImageShow ul {
	text-align:center;	
	margin-top:5px;
	overflow:hidden;
}
.projectImageShow ul li.projectImage {
	width:110px;
	display:block;
	float:left;
	margin-left:8px;
	list-style:none;
}
.project-float {
	display:none;
	width: 250px;
	position: absolute;
	left:0;
	top:0;
	background-color:#FFF;
	border:1px solid #000;
	padding:10px;
	text-align:center;
}
.project-float p {
	text-align:left;	
}
.project-float .more {
	text-align:right;	
}
/*------------------------------
	News Items List Page (Product updates and industry news)
	.hp-latest
	.news-list
*/
.hp-latest {
	font-size:.92em;
	padding: 5px;
	border:1px solid #ddd;
	margin: 5px 0;
}
.hp-latest li {
	padding: 0 0 8px 0;
}
.hp-latest a, .news-list a { 
	display:block; 
}
.hp-latest li.heading {
	font-weight:bold;
	display:block;
	font-size:1em;
	color:#ff6600;
}
.hp-latest .more-list a {
	color: #ff6600;
	text-decoration:none;
	font-weight:bold;
	font-size:.97em;
	padding: 0 0 0 18px;
	background: url(/icn/icon_checkout.gif) no-repeat 0 50%;
}
.news-list {
	margin:0 0 15px 0;
}
.news-list li {
	border-bottom:1px solid #ddd;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
}
.news-list li:hover:first-child {
	background:none;
}
.news-list li:hover {
	/*background:#DBD9CA;*/
}
.news-list span.date {
	font-size:.9em;
	font-style:italic;
	text-align:right;
}
.news-list span, .news-list a {
	display:block;
}
.news-list h2 {
	font-weight:bold;
	font-size:1.1em;
	padding:10px 0 0 0;
}

/*------------------------------
	News Items and Articles Content Page
		#article-info (information box)
		.quick-links (links to company, enquiry etc)
			- also used on the company profile page
*/
#article-view .primary {
	margin:auto;
}
#article-info, #professional-info {
	font-size:.95em;
	float:right;
	margin:0 0 10px 10px;
	width:180px;
}
#article-info .info {
	background:#E1D4C0;
	padding:5px 5px 0 5px;
	margin:5px 0 0 0;
}
#article-info a { color:#333; text-decoration:underline;}
#article-info a:hover {color:#000;}
#article-info h2 {
	color:#000;
	font-weight:bold;	
}
#article-info p {
	padding: 0 0 1em 0;	
}
.article-images {
	clear:both;
	text-align:center;
	margin: 10px 0;
}
.article-images img { display:inline; padding: 0 10px 0 0;}
ul.standout-box{
	border:1px #FF6600 solid;
	margin:15px auto;
	padding:10px 0;
}
.quick-links a { 
	width:176px;
	height:29px;
	padding:0 0 3px 0;
	text-indent:-1000em;
}
.quick-links .profile {
	background: url('img/option_profile.gif') no-repeat 0 0;
}
.quick-links .website {
	background: url('img/green_shadow_button.gif') no-repeat 0 -60px;
}
.quick-links .information {
	background: url('img/green_shadow_button.gif') no-repeat 0 -30px;
}
.quick-links .add-to-cart {
	background: url('img/option_cart.gif') no-repeat 0 0;
}
.quick-links .articles {
	background: url('img/option_articles.gif') no-repeat 0 0;
}
.quick-links .news {
	background: url('img/option_latestnews.gif') no-repeat 0 0;
}
.quick-links .brochures {
	background: url('img/option_ebrochure.gif') no-repeat 0 0;
}
.quick-links .press-release {
	background: url('img/option_latestnews.gif') no-repeat 0 0;
}
.quick-links .upgrade {
	background: url('img/option_upgrade.gif') no-repeat 0 0;
}
.addthis_toolbox  { padding: 10px 0; }

.quick-links .addthis_toolbox a {height:auto; width:auto; text-indent: 0;}
 
/*------------------------------
	Daily Treasure page
		.daily-treasure-content
*/
.daily-treasure-content {
	background: url('img/daily-treasure-logo.gif') no-repeat 0 10px;
	padding: 77px 0 0 0;
}
.daily-treasure-content h1 {text-align:right;}
.daily-treasure-content ul.content-module {border-top: 1px solid #ff6600; padding: 10px 0 0 0;}
.daily-treasure-content .release-date {
	color:#FF6600;
	font-weight:bold;
	padding:0;
	text-align:right;
}
.daily-treasure-content .content-image { float:left; padding:0 10px 10px 0;}
.daily-treasure-content .links{width:80%; text-align:center;}
.daily-treasure-content .links a{padding:5px 5px 5px 20px;}
.daily-treasure-content .links a.profile{
	background:url("img/information.gif") no-repeat scroll 0 50% transparent;
}
.daily-treasure-content .links a.website{
	background:url("img/page_white_go.gif") no-repeat scroll 0 50% transparent;
}
.daily-treasure-content .links a.email{
	background:url("img/email.gif") no-repeat scroll 0 50% transparent;
}
.action-bar .links a{padding:10px 5px 10px 20px;}
.action-bar .links a.profile{
	background:url("img/information.gif") no-repeat scroll 0 50% transparent;
}
.action-bar .links a.website{
	background:url("img/page_white_go.gif") no-repeat scroll 0 50% transparent;
}
.action-bar .links a.email{
	background:url("img/email.gif") no-repeat scroll 0 50% transparent;
}
/*------------------------------
	Content Module List Page and detail page
	.content-module 
		-  module
*/
.project-intro {
	font-size:.95em;
}
ul.content-module {
	margin:10px 0;
}
ul.content-module h2 {
	font-size:1.1em;
	font-weight:bold;
	padding:0 0 2px 0;	
}
ul.content-module .content-image {
	padding: 0 10px 0 0;
	float: left;
}
ul.content-module li {
	border-bottom:1px solid #ddd;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
ul.content-module .read-more {
	display:block;
	float:right;
	padding: 1em 0 0 0;
}
ul.content-module .text {
	float:left;
}
ul.content-module-album li {
	float: left;
	width: 110px;
	padding:2px 8px 2px 0;
	height:200px;
	overflow:hidden;
}
ul.content-module-album span {
	font-size:.85em;	
	display:block;
	text-align:center;
}
.author {
	color: #555;
	font-size: .9em;
	display: block;
	text-align: right;
	margin: 0 0 .3em 0;
}

/*------------------------------
	.current-issue	
		- current issue module
	.picture-module 
		- Picture module
*/
.current-issue span {
	background:#f2f2f2;
	display:block;
	color:#f60;
	font-weight:bold;
	text-align:center;
	padding:2px 0;
}
.current-issue p {
	text-align:center;
}
.current-issue p a {
	display:block;
}
.picture-module, .current-issue {
	margin: 0 0 5px 0;
	text-align:center;
	font-size:.95em;
	overflow:hidden;
}
.picture-border, .current-issue {
	padding:2px;
	border:1px solid #ddd;
}

.picture-module a.companies-img:link,
.picture-module a.companies-img:visited {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: 0 0;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}
.picture-module a.companies-img:hover,
.picture-module a.companies-img:active {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: -202px 0px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}

.picture-module a.designers-img:link,
.picture-module a.designers-img:visited {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: 0 -80px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}
.picture-module a.designers-img:hover,
.picture-module a.designers-img:active {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: -202px -80px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}

.picture-module a.spn-img:link,
.picture-module a.spn-img:visited {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: 0 -160px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}
.picture-module a.spn-img:hover,
.picture-module a.spn-img:active {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: -202px -160px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}

.picture-module a.sdt-img:link,
.picture-module a.sdt-img:visited {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: 0 -240px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}
.picture-module a.sdt-img:hover,
.picture-module a.sdt-img:active {
	background: url(img/front-link-buttons.png) no-repeat;
	background-position: -202px -240px;	
	width:183px;
	height:70px;
	display:block;
	text-indent:-1000px;
}

/*------------------------------
	Search results - bold listed companies
	.search-company-list
	.related-articles
*/
.search-company-list {
	background:#f6eee7;
	padding:5px;
	margin:10px 0;
}

.search-company-list li {
	padding: 0 0 6px 0 ;
	border-bottom: 1px solid #dadada;
	margin: 0 0 6px 0;
}
.search-company-list li:last-child {
	margin: 0;
}
.search-company-list span {
	display:block;	
}
.search-company-list span.title {
	color:#f60;
}
.search-company-list a:hover span.title {
	text-decoration:underline;
}	
.search-company-list a:hover {
	color:#333;
	text-decoration:none;
}
.search-company-list span.image {
	height:65px;
	display:block;
	overflow:hidden;
	padding: 0 5px 5px 0;
	display:block;
	width: 155px;
}
.related-article-header {
	font-weight:bold;
	display:block;
	color:#f60;
	padding: 0 0 10px 0;
}
.related-articles li {
	padding: 0 0 7px 0;
}

/*------------------------------
	Google search results
*/
#search-results {
	list-style: none;
}
#search-results a {
	text-decoration:none;
}
#search-results li {
	padding:8px 10px;
}
#search-results li.odd {
	background: #f2f2f2;
}
#search-results h2 {
	font-weight: bold;
	font-size:1.1em;
}
#search-results p a {
	color:#333;
}
#search-results p b {
	font-weight: bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#444;
}
#search-form { padding: 10px 0;}
#search-form li {
	line-height:25px;
	display:inline;
}


/*------------------------------
	jquery modal window
*/
.jqmWindow {
	display:none;
    position: absolute;
    top: 17%;
    left: 50%;
    margin-left: -275px;
    background-color: #fff;
    color: #333;
    border: 1px solid black;
}
body > .jqmWindow {
	position:fixed;
}
.jqmOverlay { background-color: #000; }
.mapWindow {
	width:550px;
	height:420px;
}
.mapWindow a {
	height:20px;
	line-height:20px;
	float:right;
	cursor:pointer;
	padding: 0 10px;
}
#map-iframe {
	width:550px;
	height:400px;
}
/*------------------------------
	image scroller
*/
.imagescroll li {
	float:left;
	overflow:hidden;
}



/**
 * CSS styles for form and input fields.
 *
 * These styles are used with form and input fields generated via yiic script.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.yiiForm
{
	margin: 1.5em 0 0 0;
	padding: 5px;
}

div.yiiForm label.required
{
}

div.yiiForm span.required
{
	color: red;
}

div.errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.errorSummary ul li
{
	list-style: square;
}

div.yiiForm p.hint
{
	color: gray;
	font-size: 90%;
	margin: 0 0 0 110px;
}

div.yiiForm fieldset
{
	border: #DDD 1px solid;
	margin: 10px 0;
	padding: 10px;
}

div.yiiForm legend
{
}

div.yiiForm label
{
}

div.yiiForm div.action
{
	clear: left;
	margin-left: 110px;
	padding: 0.25em 0;
}

div.yiiForm div.simple,
div.yiiForm div.complex
{
	clear: left;
	padding: 0.25em 0;
}
div.yiiForm div.simple .multi-rows 
{
	display:block;
	float:left;
	width:300px;
}
div.yiiForm div.simple label,
div.yiiForm div.complex span
{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}
div.yiiForm div.simple input
{
	width:300px;	
}
div.yiiForm div.radio-div
{
	width:400px;	
}
div.yiiForm div.radio-div>label
{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width:100px;
}
div.yiiForm div.radio-inline
{
	margin-left:110px;
}
div.yiiForm div.radio-inline label
{
	float:left;	
}
div.yiiForm div.radio-inline input
{
	float:right;	
}
div.yiiForm label.error,
div.yiiForm span.error
{
	color: #C00;
}

div.yiiForm input.error,
div.yiiForm textarea.error,
div.yiiForm select.error
{
	background: #FEE;
	border-color: #C00;
}

div.yiiForm div.simple div,
div.yiiForm div.complex div
{
	margin-left: 110px;
}

/**
style for category selecting list 
*/
.category-div
{
	width:570px;
	overflow:hidden;
}
div.yiiForm fieldset.list
{
	width:250px;
	float:left;
	margin-right:10px;
}
div.yiiForm .category-list
{
	display:none;
}
div.yiiForm .category-list ul
{
	padding-left:20px;
	display:none;
}
div.yiiForm fieldset legend
{
	cursor: hand;
	cursor: pointer;
}	
div.yiiForm .parent-category
{
	cursor: hand;
	cursor: pointer;
}	
div.yiiForm .selected
{
	padding-right:20px;
	background:#CCC url(img/icon_tick.gif) no-repeat top right;
	
}
div.yiiForm #selected-category
{
	border: #DDD 1px solid;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
}
#search-category
{
	width:300px;	
}	
#search-result
{
	padding:10px;
	border:#DDD 1px solid;
	display:none;
	overflow:hidden;
}
#search-result p
{
	width:250px;
	float:left;
}
#search-result ul
{
	width:250px;
	float:left;
}
div.yiiForm div.simple textarea,
div.yiiForm div.complex textarea
{
	width: 300px;
}

/**
*show message
*/
.message
{
	background:#EEFFEE none repeat scroll 0 0;
	border:2px solid #00CC00;
	font-size:0.9em;
	margin:0 0 20px;
	padding:7px 7px 12px;		
}	

#role-address-listing{
	border:1px solid #DDD;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	display:none;
}