a:active     {  font-family: Arial; font-size: 11px; color: #000000}
a:link       {  font-family: Arial; font-size: 11px; color: #000000}
a:visited    {  font-family: Arial; font-size: 11px; color: #000000}
body         {  font-family: Arial; font-size: 11px; color: #000000}
li           {  font-family: Arial; font-size: 11px; color: #000000}
ol           {  font-family: Arial; font-size: 11px; color: #000000}
table        {  font-family: Arial; font-size: 11px; color: #000000}
td           {  font-family: Arial; font-size: 11px; color: #000000}
input        {  font-family: Arial; font-size: 11px; color: #000000}
select		 {  font-family: Arial; font-size: 11px; color: #000000}
textarea	 {  font-family: Arial; font-size: 11px; color: #000000}


.letrah1 { font-size:20px; }
.letrah1 a:active, .letrah1 a:link, .letrah1 a:visited { color:#00f; text-decoration:none;}
.letrah1 a:hover { color:#00f; text-decoration:underline;}

.letrah2 { font-size:15px; font-family:sans-serif; }
.letrah2 a:active, .letrah2 a:link, .letrah2 a:visited { color:#00f; text-decoration:none;}
.letrah2 a:hover { color:#00f; text-decoration:underline;}

.letral1 { font-size:20px; }
.letral1 a:active, .letral1 a:link, .letral1 a:visited { color:#000; text-decoration:none;}
.letral1 a:hover { color:#00f; text-decoration:underline;}

.letral2 { font-size:smaller; font-family:sans-serif; }
.letral2 a:active, .letral2 a:link, .letral2 a:visited { color:#000; text-decoration:none;}
.letral2 a:hover { color:#00f; text-decoration:underline;}

.letraf1 {color:#666; font-family:Verdana; font-size:10px;}
.letraf1 a:active, .letraf1 a:link, .letraf1 a:visited {color:#00f; font-family:Verdana; font-size:10px; text-decoration:none;}
.letraf1 a:hover {color:#00f; font-family:Verdana; font-size:10px; text-decoration:underline;}

.letraw1 {color:#fff; font-family:Verdana; font-size:30px;}
.letraw1 a:active, .letraw1 a:link, .letraw1 a:visited {color:#fff; font-family:Verdana; font-size:10px; text-decoration:none;}
.letraw1 a:hover {color:#fff; font-family:Verdana; font-size:10px; text-decoration:underline;}

.letraw2 {color:#fff; font-family:Verdana; font-size:10px;}
.letraw2 a:active, .letraw2 a:link, .letraw2 a:visited {color:#fff; font-family:Verdana; font-size:10px; text-decoration:none;}
.letraw2 a:hover {color:#fff; font-family:Verdana; font-size:10px; text-decoration:underline;}

.letraex1 {color:#000; font-family:Verdana; font-weight: bold; font-size:20px;}
.letraex2 {color:#000; font-family:Verdana; font-size:15px;}
.letraex3 {color:#fff; font-family:Verdana; font-size:20px;}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #eeeeee;
	border: 8px solid #cccccc;
        padding: 0px 0px 0px 0px;
}

.popup_title {
	padding: 4px;
	font-weight: bold;
	font-size:10px;
	font-family:Arial,Tahoma, Helvetica, sans;
	color: #666666;
        padding: 8px 0px 8px 0px;
        vertical-align:top;
        text-align:center;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 0px 0px 0px 0px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
        padding: 0px 0px 0px 0px;
        border:1px solid #ffffff;
}

#loader_container {
text-align:center;
position:absolute;
top:40%;
width:100%;
padding: 0px 0px 0px 0px;

}
#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#ffffff;
	padding:12px 8px 12px 8px;
	margin:0 auto;
	display:block;
	width:140px;
	border:1px solid #CCCCCC;
	text-align:left;
	z-index:255;
}
#progress {
	height:2px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:4px;
	background-color:red
}