body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em; margin:0 auto;
}
/*

a:link, a:visited{
	color:#6F8BBC;
	text-decoration:none;
}

p{
	font-size:1em;
	padding:2px;
	padding-left:16px;
}

fieldset{
	border:none;
	padding:5px;
	padding-bottom:8px;
}

input{
	border:1px solid #809DB9;
	font-size:0.8em;
	width:300px;
}

hr{
	width:95%;
	border:none;
	border-bottom:1px solid black;
}

h2{
	font-family:"Arial Narrow";
}

h3{
	font-family:"Arial Narrow";
}
*/
button{
	border:none;
}

#content-test{
	width:600px;
	margin:0px auto;
	text-align:left;
}
#content-test h2, #content-test h3 { text-align:left; }
	
#cont-artist{
	border-top:1px dashed gray;
}

#cont-artist p{
	font-family:Arial;
	font-size:1.1em;
	color:#6F8BBC;
	padding-left:12px;
}

#menu-artist { width:299px; float:left; }

#cont-artist ul{
	color:#696969;
	font-weight:700;
	padding-top:6px;
	padding-left:4px;
}

#cont-artist ul span{ 
	padding-bottom:6px;
	display:block;
}

#menu-artist ul li{
	padding:2px 0px;
	margin-left:16px;
	font-size:1em;
	list-style-type:square;
	border-bottom:1px solid #EDEDED;
}

#cont-login{
	background-color:#D4E7F8;
	padding:4px;
	height:130px;
	border:1px solid #8DABDD;
	width:600px; margin-top:10px;
}

#cont-login-sidebar{
	background-color:#D4E7F8;
	padding:4px;
	border:1px solid #8DABDD;
	width:210px; margin-top:10px;
	height:170px;
	font-size:0.9em;
	width:146px;
}

#cont-login-sidebar fieldset{
	margin:0px;
	width:140px;
}

#cont-login-sidebar input{
	background: transparent url(../img/bg-input.jpg) repeat-x;
	height:15px;
	font-size:0.9em;
	line-height:20px;
	padding:4px;
	margin:4px 0px;
	width:136px;
}

#cont-login span{

}

#cont-login fieldset{
	height:60px;
}

#cont-login input{
	background: transparent url(../img/bg-input.jpg) repeat-x;
	height:15px;
	font-size:0.9em;
	line-height:20px;
	padding:4px;
	margin:4px 0px;;
}

input.example{
	color:gray;
	font-style:italic;
}

#cont-login label{
	font-size:12px;
}

#cont-login a{
	font-size:11px;
	color:blue;
}

#cont-login a:hover{
	border-bottom:1px dashed; 
}

div.login-error{
	color:red;
	text-align:center;
	margin-top:-8px;
}

#statics-artist { width:299px; 	float:right; }
#statics-artist ul li { clear:both; margin-left:10px; }
#statics-artist ul li .title { float:left; }
#statics-artist ul li strong { float:right; width:100px; text-align:left; }

#statics-artist ul{ padding:10px 0; }

#statics-artist ul li{
	padding:2px 0px;
	text-indent:20px;
	font-size:1.0em;
	list-style-type:none;
	font-weight:normal;
}

#statics-artist ul li ul{
	margin-left:-20px;
}

#statics-artist ul li div.title{
	width:100px;
	float:left;

}

#cont-signature-editor { }
#cont-signature-editor label { float:left; color:#708CBC; margin-bottom:10px; width:300px; }
#cont-signature-editor textarea { clear:both; width:298px; border:1px solid #829DB8; overflow:hidden; } 
#cont-signature-editor input { clear:both; width:298px; border:1px solid #829DB8; overflow:hidden; } 

.checkbox_peter { width:15px; height:15px; border:1px solid #000; }

fieldset .smaller { width:100px; }
.smaller label { float:left; width:90px; color:#708CBC; margin-bottom:10px; }
.smaller input { width:70px; border:none;}
.smaller cite { float:left; background:#EEE; border:1px solid #999; width:90px; font:normal 0.8em Arial; }



.clean{
	clear:both;
}

#cont-manager-layout .preview{
	width:133px;
	height:117px;
	border:6px solid #999;
	background-color:#CCC;
	float:left;
}

#cont-manager-layout .description{
	width:440px;
	height:127px;
	margin-left:10px;
	float:left;
}

#cont-manager-layout #name-text{width:240px !important}
#cont-manager-layout #opCategory{width:243px !important}

#cont-manager-layout .description div{float:left; padding: 4px 0px; font-size:1.0em;}
#cont-manager-layout .description div.tiny {width:90px}
#cont-manager-layout .description div.medium{width:208px;}
#cont-manager-layout .description div.large{width:350px}

#cont-manager-layout .description span{color:#6F8BBC; font-weight:bolder; display:block; width:80px;float:left;}
#cont-manager-layout .description span.pad-r-min{padding-right:10px;}

h2.title{
	color:white;
	height:46px;
	font-weight:100;
	line-height:40px;
	padding-left:16px;
	font-size:1.3em;
}

h2.buble-blue{
	background: transparent url(../img/bubble-blue.gif) no-repeat;
}

h2.rect-blue{
	background-color:#8CAADC;
	height:27px;
	line-height:28px;
	padding-left:10px;
	font-weight:bolder;
	font-size:1em;
	margin-top:0px;
}

h3.buble-gray {
	background: transparent url(../img/bubble-gray.gif) no-repeat;
	color:#6F8BBC;
	height:46px;
	line-height:40px;
	font-weight:100;
	padding-left:16px;
	font-size:1.3em;
}
h3.buble-gray_2 {
	background: transparent url(../img/bubble-gray_2.gif) no-repeat;
	color:#6F8BBC;
	height:46px;
	line-height:40px;
	font-weight:100;
	padding-left:16px;
	font-size:1.3em;
}


h3.large{
	background: transparent url(../img/bubble-gray-large.gif) no-repeat;
}

h4.rect{
	background-color:#CCC;
	color:black;
	font-size:0.9em;
	padding:2px;
	padding-left:6px;
}

hr.line-dotted{
	border-bottom:1px dashed gray;
}

.bold{
	font-weight:bolder !important;
}

hr.gray{
	border-bottom:2px solid #CCC;
	width:100%;
}

input.edit-text{
	margin-left:12px;
}

input.check-box{width:18px !important}

fieldset		{border:none;}



fieldset.pages{text-align:right;}

/*
fieldset.tiny					{width:110px}
fieldset.tiny-small		{width:140px}
fieldset.small				{width:244px}
fieldset.medium				{width:312px}
*/
.clear { clear:both; }

fieldset.tiny					{width:130px; padding:0;}
fieldset.tiny-small		{width:130px; margin:0; }
fieldset label { clear:both; float:left; width:140px; }
fieldset.small				{width:230px; padding:0; }
fieldset.medium				{width:312px}
input.small {width:200px; }
.margin {  }

fieldset.left		{float:left; text-align:left; }
fieldset.right	{float:right}
fieldset.end		{ float:right; margin-right:0; width:100px;}
.tamano { width:180px; float:left; }

button.submit-button{
	background: transparent url("../img/button-submit.gif") no-repeat;
	width:315px;
	height:36px;
	color:white;
	font-weight:bolder;
	font-family:"Arial Narrow";	
	font-size:1.0em;
}


	


p.question{
	font-size:1.2em;
	font-weight:bolder;
}

div.estado {
	padding:6px;
	font-size:1.0em;
}

div.estado a{
	vertical-align: bottom;
	color: #666666;
}

div.success{
	background-color: #ACE991;
	border:1px dotted #275812;
	color:#275812;
}

div.error{
	background-color: #EEA8A8;
	border:1px dotted #AC2222;
	color:#AC2222;	
}

div.estado-error{
	background-color: #EEA8A8;
	border:1px dotted #AC2222;
	color:#AC2222;	
}

button.sidebar{
	margin:0px !important;
	margin-top:4px !important;
	margin-left:16px !important;
	font-size:1.1em !important;
}

button.button-tiny {
	background: transparent url("../img/button-login.gif") no-repeat;
	width:105px;
	height:31px;
	margin:15px 25px 0 0;
}

button.delete{
	background: transparent url("../img/button-delete.gif") no-repeat !important; width:129px; height:31px;
}

a.button{
	background: transparent url("../img/button-sidebar.gif") no-repeat;
	width:124px;
	height:31px;
	margin:15px 25px 0 0;
	display:block;
	color:white !important;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:30px;
}

/*Browse Layouts*/
div.cont-layouts{
	padding-left:25px;
}
div.item-layout{
	width:163px;
	height:200px;
	float:left;
	padding-left:3px;
	margin:0px;
	margin-bottom:6px;
	/*background-color:#E4ECFA;
	border:1px solid #C8D7F2;*/
	padding:3px;
	margin:3px;
}

div.item-layout img{
	width:150px;
	padding:4px;
}

div.item-layout p{
	padding:0px 3px;
	margin:0px;
	color:gray;
	font-size:0.8em;
	display:block;
	text-align:center;
}

div.item-layout p.title-layout{
	font-size:1.0em;
	color:#6F8BBC;
}

div.item-layout a img{
	padding:5px !important;
	margin:0px !important;
	text-decoration:none !important;
	border:1px solid #ccc !important;
}

ul.links li{
	list-style:none;
}

ul.stars{
	width:80px;
	height:15px;
	padding:0px;
	margin:0px;
}

ul.stars li{
	list-style-type:none;
	float:left;
}

ul.stars li span{
	width:15px;
	height:15px;
	background: transparent url(../img/starts.jpg) no-repeat -15px center;
	display:block;	
}

ul.stars li a:hover{
	/*background: transparent url(../img/starts.jpg) no-repeat 0px center !important;*/
}

span.star-active{
	background: transparent url(../img/starts.jpg) no-repeat  0px center !important;
}


.pages{
	color: #8DABDD;
}


/*Para los errores*/
form.xforms legend {
	padding-left: 0;
}

form.xforms legend{
	color: #333;
}

form.xforms fieldset {
	border: none;
	margin-top:15px;
}

form.xforms fieldset fieldset {
	background: none;
}

form.xforms label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	display:block
}

div.error { display: none; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.xforms .gray * { color: gray; }

/*Para el logout*/
div.logout{
	text-align:right;
	padding-right:6px;
}

/*Browser our layouts*/
h3.platforms{
	color:#47669A;
	padding-left:6px; 
}

div.platforms{
	position:absolute;
	margin:14px 0 0 446px;

	font-size:1.1em;
	padding:0;
	color:white !important;	
}

div.platforms a{
	color:white !important;	
}

div.platforms a.selected{
	font-weight:bold;
	font-style:italic;
}

/*User Bar*/
div.change-password{
	position:absolute;
	margin:14px 0 0 480px;
	font-size:1.1em;
	padding:0;
	color:white !important;	
}

div.change-password a{
	color:white !important;	
}

div.change-password a.selected{
	font-weight:bold;
	font-style:italic;
}

div.change-password a:hover{
	font-weight:bolder !important;	
}


.user-bar { width:600px; height:15px; padding:10px 0 0 5px;}
.gotoindex{	margin-right:480px;
}

#content-test select{
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	font-size:8pt;
}

/*Reemplazamos el getCode que tenemos por una imagen*/
.saveimage{
	font-size:12px !important;
	color:#1F9AFF !important;
	font-weight:bolder !important;
	display:block !important;
	background:transparent url(../img/botones.gif) no-repeat -190px 0px !important;
	width:64px !important;
	height:16px !important;
}

.saveimage:hover{
	background:transparent url(../img/botones.gif) no-repeat -190px -17px !important;
}



/*Favorites*/
.read-more{
	font-size:12px;
	color:#1F9AFF;
	font-weight:bolder;
	display:block;
	background:transparent url(../img/botones.gif) no-repeat -726px 0px;
	width:80px;
	height:16px;
	margin-left:524px;
	margin-top:-14px;
	position:absolute;
}

.use-this-layout{
	font-size:12px;
	color:#1F9AFF;
	font-weight:bolder;
	display:block;
	background:transparent url(../img/botones.gif) no-repeat -252px 0px;
	width:107px;
	height:16px;
	margin-top:15px;
}

.use-this-layout:hover{
	background:transparent url(../img/botones.gif) no-repeat -252px -17px !important;
}

.remove-layout{
	font-size:12px;
	color:#1F9AFF;
	font-weight:bolder;
	display:block;
	background:transparent url(../img/botones.gif) no-repeat -360px 0px; 
	width:110px;
	height:16px;
	margin-top:15px;
	margin-left:20px
}

.remove-layout:hover{
	background:transparent url(../img/botones.gif) no-repeat -360px -17px;
}

.remove-this-flashtoy{
	font-size:12px;
	color:#1F9AFF;
	font-weight:bolder;
	display:block;
	background:transparent url(../img/botones.gif) no-repeat -590px 0px;
	width:128px;
	height:16px;
	margin-top:15px;
	margin-left:20px
}

.remove-this-flashtoy:hover{
	background:transparent url(../img/botones.gif) no-repeat -590px -17px;
}



.favorite-graphic{
	font-size:12px;
	color:#1F9AFF;
	font-weight:bolder;
	display:block;
	background:transparent url(../img/botones.gif) no-repeat 0px 0px;
	width:94px;
	height:16px;
	margin-top:15px;
}

.favorite-graphic:hover{
	background:transparent url(../img/botones.gif) no-repeat 0px -17px;
}

.favorite-graphic.remove{
	background:transparent url(../img/botones.gif) no-repeat -96px 0px !important;
}

.favorite-graphic.remove:hover{
	background:transparent url(../img/botones.gif) no-repeat -96px -17px !important;
}


/*Nueva sección del admin*/
#header-user{
	height:92px;
	background-color:#e5e5e5;
	margin:10px 0;
}


#header-user div.picture{
	float:left;
	margin:5px;
	background:transparent url(../img/frame_picture.gif);
	width:56px;
	height:56px;
}

#header-user div.picture img{
	width:50px;
	height:50px;
	margin-left:3px;
	margin-top:2px;
	overflow:hidden;
}

#header-user div.description{
	float:left;
	margin-left:4px;
	width:400px;
	margin-top:8px;
	overflow:hidden;
}

#header-user div.description img{
	margin-bottom:4px;
}

#header-user div.username{
	color:#333;
	font-size:18px;
	font-weight:bolder;
}

#header-user div.tabs{
	border-top:2px solid #85c1ff;
	border-bottom:2px solid #93c8fa;
	height:32px;
	background-color:#e6f0fa;
	
}

#header-user div.tabs ul{
	list-style:none;
	height:28px;
	margin:0px;
	padding:6px 0 0 0;
}

#header-user div.tabs ul li{
	height:27px;
	float:left;
	margin-left:8px;
}







/*Favorites */
#myprofile { background:transparent url(../img/myprofile.gif) no-repeat; width:76px; }
#myfavorites { background:transparent url(../img/my_favorites.gif) no-repeat; width:92px; }
#mysubmissions { background:transparent url(../img/my_submissions.gif) no-repeat; width:109px; }
#settings { background:transparent url(../img/settings.gif) no-repeat; width:76px; }

#myprofile.active { background:transparent url(../img/myprofile_active.gif) no-repeat !important; width:76px; }
	#myprofile.pasive { background:transparent url(../img/myprofile.gif) no-repeat !important; width:76px; }
	#myprofile a { height:28px; width:76px; display:block; }

#myfavorites.active { background:transparent url(../img/my_favorites_active.gif) no-repeat !important; width:92px; }
	#myfavorites.pasive { background:transparent url(../img/my_favorites.gif) no-repeat !important; width:92px; }
	#myfavorites a { height:28px; width:92px; display:block; }

#mysubmissions.active { background:transparent url(../img/my_submissions_active.gif) no-repeat !important; width:109px; }
	#mysubmissions.pasive { background:transparent url(../img/my_submissions.gif) no-repeat !important; width:109px; }
	#mysubmissions a{ height:28px; width:109px; display:block; }

#settings.active { background:transparent url(../img/settings_active.gif) no-repeat !important; width:76px; }
	#settings.pasive { background:transparent url(../img/settings.gif) no-repeat !important; width:76px; }
	#settings a { height:28px; width:76px; display:block; }


#header-user div.tabs ul li a{}

.body-user { clear:both; width:603px;margin:0; padding:0; overflow:hidden; }

#mysavedlayout{
	width:280px;
	height:300px;
	float:left;
	margin:0px;
	padding:0;
	margin-top:26px;
	overflow:hidden;
}

#mysavedlayout div.boton a {
	background:transparent url(../img/view_my_saved_layout.gif);
	width:196px;
	height:25px;
	display:block;
	margin:0px auto;
}

#mysavedlayout div.list{
	height:300px;
	width:337px;
	margin:0px auto;
	margin-top:8px;
}

#mysavedlayout div.saved-layout{
	background:transparent url(../img/my_saved_layout.gif);
	width:337px;
	height:30px;
}

#mysavedlayout div.item-list{
	height:44px;
	background:transparent url(../img/bg_list.gif) repeat-x;
	border-bottom:1px solid #e6f0fa;
}

#mysavedlayout div.description{
	border-right:1px solid #e6f0fa;
	height:40px;
	width:185px;
	float:left;
	overflow:hidden;
}

#mysavedlayout div.description .item-name{
	font-size:14px;
	font-weight:bolder;
	margin-top:8px;
	margin-left:6px;
}

#mysavedlayout div.description .date{
	font-size:11px;
	margin-top:0px;
	margin-left:6px;
}

#mysavedlayout div.buttons{
	float:left;
}
#mysavedlayout div.buttons ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#mysavedlayout div.buttons li{
	float:left;
	margin-left:2px;
}

#mysavedlayout button{
	border:none;
}

 #mysavedlayout button.view{
	background:transparent url(../img/view.gif);
	width:45px;
	height:42px;
	margin-top:2px;
}

#mysavedlayout button.mycode{
	background:transparent url(../img/mycode.gif);
	width:45px;
	height:45px;
}

#mysavedlayout .remove{
	background:transparent url(../img/delete.gif) !important;
	width:45px;
	height:42px;
	margin-top:2px;
}


#mysavedgraphic{
	width:280px;
	height:290px;
	float:left;
	margin:0;
	margin-top:26px;
	padding:0 0 0 39px;
	overflow:hidden;
}

#mysavedgraphic div.boton a {
	background:transparent url(../img/view_my_saved_graphic.gif);
	width:196px;
	height:25px;
	display:block;
	margin:0px auto;
}

#mysavedgraphic div.list{
	height:300px;
	width:337px;
	margin:0px auto;
	margin-top:8px;
}

#mysavedgraphic div.saved-layout{
	background:transparent url(../img/my_saved_graphics.gif);
	width:337px;
	height:30px;
}

#mysavedgraphic div.item-list{
	height:44px;
	background:transparent url(../img/bg_list.gif) repeat-x;
	border-bottom:1px solid #e6f0fa;
}

#mysavedgraphic div.description{
	border-right:1px solid #e6f0fa;
	height:40px;
	width:186px;
	float:left;
	overflow:hidden;
}

#mysavedgraphic div.description .item-name{
	font-size:14px;
	font-weight:bolder;
	margin-top:8px;
	margin-left:6px;
}

#mysavedgraphic div.description .date{
	font-size:11px;
	margin-top:0px;
	margin-left:6px;
}

#mysavedgraphic div.buttons{
	float:left;
}
#mysavedgraphic div.buttons ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#mysavedgraphic div.buttons li{
	float:left;
	margin-left:2px;
}

#mysavedgraphic button{
	border:none;
}

#mysavedgraphic button.view{
	background:transparent url(../img/view.gif);
	width:45px;
	height:42px;
	margin-top:2px;
}

#mysavedgraphic button.mycode {
	background:transparent url(../img/mycode.gif);
	width:45px;
	height:45px;
}

#mysavedgraphic .remove {
 	background:url(../img/delete.gif) !important;
	width:45px;
	height:42px;
	margin-top:2px;
}

#mysavedflashtoy{
	width:280px;
	height:300px;
	float:left;
	margin:0px;
	margin-left:0;
	margin-top:26px;
	overflow:hidden;
}

#mysavedflashtoy div.boton a{
	background:transparent url(../img/view_my_saved_flashtoy.gif);
	width:196px;
	height:25px;
	display:block;
	margin:0px auto;
}

#mysavedflashtoy div.list{
	height:300px;
	width:337px;
	margin:0px auto;
	margin-top:8px;
}

#mysavedflashtoy div.saved-layout{
	background:transparent url(../img/my_saved_flashtoy.gif);
	width:337px;
	height:30px;
}

#mysavedflashtoy div.item-list{
	height:44px;
	background:transparent url(../img/bg_list.gif) repeat-x;
	border-bottom:1px solid #e6f0fa;
}

#mysavedflashtoy div.description{
	border-right:1px solid #e6f0fa;
	height:40px;
	width:185px;
	float:left;
	overflow:hidden;
}

#mysavedflashtoy div.description .item-name{
	font-size:14px;
	font-weight:bolder;
	margin-top:8px;
	margin-left:6px;
}

#mysavedflashtoy div.description .date{
	font-size:11px;
	margin-top:0px;
	margin-left:6px;
}

#mysavedflashtoy div.buttons{
	float:left;
}
#mysavedflashtoy div.buttons ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#mysavedflashtoy div.buttons li{
	float:left;
	margin-left:2px;
}

#mysavedflashtoy button{
	border:none;
}

button:hover{
	cursor:pointer !important;
}



#mysavedflashtoy button.view{
	background:transparent url(../img/view.gif);
	width:45px;
	height:42px;
	margin-top:2px;
}

#mysavedflashtoy button.mycode{
	background:transparent url(../img/mycode.gif);
	width:45px;
	height:45px;
}
#mysavedflashtoy .remove {
 	background:url(../img/delete.gif) !important;
	width:45px;
	height:42px;
	margin-top:2px;
}


#comment{
	width:600px; 
	margin:0px auto;
}

.body-user #comment { width:620px; overflow:visible; }

#comment .head{
	background:transparent url(../img/comments_bar.gif);
	height:28px;
	width:603px;
}

#comment .item{
	border:1px solid gray;
	font-size:10px;
	float:left;
	width:591px;
	padding:6px;
	padding-right:64px;
}

#comment .item span{
	color:#1081FA;
}
#comment .item .read-more { position:relative; }

.logueate-right { padding:0 0 0 16px; width:130px; margin-top:12px; text-align:center; overflow:hidden; } 

.align_form { clear:both; width:250px; }
.align_form label { clear:both; float:left; padding-bottom:10px; }