/**
 * @copyright 2009-2011
 * @author: Mauricio Pasciulla
 */


/* 
 * global class 
 */
.small   { font-size:.9em; }
.bold    { font-weight:bold; }
.italic  { font-style:italic; }
.underline { text-decoration:underline!important; }
.right   { text-align:right; }
.left    { text-align:left; }
.center  { text-align:center; }
.full    { text-align:justify; }
.pointer { cursor:pointer; }
.gray, .gray a:link, .gray a:visited, .gray a:hover { color:#ccc!important; }
.exclamation {
	font-size:12px;
	background:#FBF0D0 url(../img/exclamation.png) no-repeat 5px 50%;
	padding:5px 25px 5px;
	border-bottom:1px solid #ffd324;
}
.quo     { margin-left:5px; }
.clearer { clear:both; }
.fright  { float:right; }
.fleft   { float:left; }
.ad-required { color:#FF0000; margin:0 5px; }


/* tyni mce */
.h1 { font-size:1.4em; color:#CA0000; margin:24px 0 16px; }
.h2 { font-size:1.2em; color:#CA0000; margin:24px 0 16px; }
.bc { font-weight:bold; color:#CA0000; }
.ic { font-style:italic; color:#CA0000; }
.code { font-family:"Courier New", Courier, monospace; background:#F9F9F9; padding:5px; border:1px dashed #aaa; }


/* 
 * loading 
 */
.loading {
	background:#E5F1FF url(../img/buttonbg.gif) repeat-x;
	bottom:0;
	right:20px;
	position:fixed;
	border:1px solid #C7D9FA;
	z-index:110;
}
.loading div { font-weight:bold; background:url(../img/loading.gif) no-repeat 4px 5px; padding:5px 9px 4px 25px; }
.loading2 { font-weight:bold; background:url(../img/loading.gif) no-repeat; padding-left:25px; }


/* 
 * popup 
 */
.pu-window, .pu-window2 { top:0; left:0; height:100%; width:100%; z-index:1000; }
.pu-window { position:fixed; }
.pu-window2 { position:absolute; }
.pu-overlay {
	position: absolute;
	left: 50%;
	background:rgba(0, 0, 0, .5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	border-radius:8px;
	z-index: 1001;
}
.pu-small  { top:35%; width:340px; margin-left:-170px; }
.pu-medium { top:30%; width:420px; margin-left:-210px; }
.pu-large  { top:20%; width:540px; margin-left:-270px; }
.pu-x-large { top:20%; width:660px; margin-left:-330px; }

* html .pu-window2 .pu-small, 
* html .pu-window2 .pu-medium, 
* html .pu-window2 .pu-large,
* html .pu-window2 .pu-x-large { top:100px; }

.pu-alert, .pu-default { position:relative; background:#fff; margin:8px; border:3px solid; z-index:1002; border-radius:6px; }
.pu-header { color:#fff; font-weight:bold; margin-bottom:10px; padding:2px 3px; }
.pu-close { float:right; padding:0 5px; cursor:pointer; }
.pu-body { position:relative; margin:0 10px 10px; }
.pu-wait { position:absolute; width:100%; text-align:center; top:60px; }
.pu-wait span { font-size:1.2em; color:#999; background:url(../img/loading.gif) no-repeat; padding-left:20px; }

/* popup alert */
.pu-alert { border-color:#FF6666; }
.pu-alert .pu-header { background:#FF6666!important; }
.pu-alert .pu-body { text-align:center; }
.pu-alert .pu-ops { margin:0 10px 10px; text-align:center; }

/* popup blue */
.pu-default { border-color:#799ADC; }
.pu-default .pu-header { background:#799ADC; }
.pu-default .pu-ops { text-align:right; margin:0 10px 10px; padding-top:3px; border-top:1px solid #ddd; }


/* inserts */
.ins-images { margin: 2px; }
.ins-images a img { margin: 2px; padding:1px; border:1px solid #ddd; }
.ins-images a:hover img { border-color:#eef; }



/**********************  revisar  ***********************************/

/* help */
.sb-help { margin:10px 0 30px; }
.sb-help ul li { margin-bottom:4px; }
.sb-help ul li a { background:url(../img/bl-help.png) no-repeat; padding-left:18px; }


/*  INSERTs */
/*  tracklists  */
.tl-box .artists { 
	font: bold 1em Arial, Helvetica, sans-serif; 
	text-transform:uppercase; 
	background:#F3F3F3;
	padding:4px 5px;
	margin-top:16px;
}
.tl-box .albums { font-weight:bold;	padding:4px 5px; }
.tl-box .tracks { padding: 0px 5px; }


/* search */
.gl-search { color:#aaa; background:#F3F3F3; margin:10px 0; padding:3px 20px; position:relative; border-radius:4px; }

/* buttons & selects wrappers */
.gl-input { width:250px; border:1px solid #ccc; }
.gl-button ,
.gl-search .bt-w { color:#444; 
	position:relative;
	background:#F6F6F6 url(../img/bt-bg.gif) repeat-x;
	white-space:nowrap;
	cursor:pointer;
	box-shadow:1px 1px 2px #ddd;
}

.gl-button { font-size:11px; font-weight:bold; padding:2px 4px;
	border:1px solid #ccc;
	border-bottom-color:#bbb;
	border-right-color:#bbb;
}
.bt-sz2 { font-size:12px; padding:3px 10px; }

.gl-search .bt-w { float:left; border:1px solid #999; }
.gl-search .bt-w .slc-label { font-size:11px; font-weight:bold; color:#444; text-decoration:none; }
.gl-search .bt-w .active { color:#fff; background:#565759; }
.gl-search .bt-w .active .slc-label { color:#fff; }
.gl-search .bt-w .active .slc-open { background:url(../img/searchbox/slc-arrow.gif) no-repeat right -18px!important; }
.gl-search .se-input-w { float:left; background:#F9F9F9; margin-left:40px; }

/* searchbox:select */
ul.gl-select { margin:0; padding:0; cursor:default; list-style:none; }
ul.gl-select .slc-label { display:table-cell; padding-left:6px; padding-right:6px; }
ul.gl-select .slc-input { display:table-cell; padding-left:6px; }
ul.gl-select .slc-open { display:table-cell; width:16px; background-image:url(../img/searchbox/slc-arrow.gif); background-repeat:no-repeat; background-position:right 1px; margin-right:3px; cursor:pointer; }
ul.gl-select ul.slc-drop { position:absolute; min-width:180px; padding:0; background-color:#fff; border:1px solid #D0D0D0; box-shadow:1px 2px 5px #D9D9D9; overflow:hidden; z-index:10; }
ul.gl-select ul.slc-drop>li { padding:3px 6px; border-bottom:1px solid #D0D0D0; list-style:none; }
ul.gl-select ul.slc-drop>li a { padding-left:14px; display:block; }
ul.gl-select .selected { background-repeat:no-repeat; background-image:url(../img/searchbox/slc-selected.png); background-position:center left; }

/* searchbox:isearch */
.se-input { padding:1px 2px; border:1px solid #999; position:relative; }
.se-input .close { text-decoration:none; letter-spacing:16px; background:url(../img/searchbox/ic-close.gif) no-repeat center; margin:4px 0 0; }
.se-input .inputtext { color:#555; background:#F9F9F9; width:200px; border:0; }
.se-input .submit { font-weight:bold; color:#fff; background:url(../img/searchbox/ic-search.png) no-repeat center; border:0; width:16px; }