#tw_phone
{
	background-color: transparent;
	float:left; 
	padding: 10px 15px;
}

#tw_iphone
{
	background-color: transparent;
	float:left; 
	/*padding: 10px 5px;*/
}
#mobile
{
     visibility: hidden;
}

#tw_email
{
	background-color: transparent;
	float:left; 
	/*padding: 15px 5px;*/
}

#tw_certificate
{
     	background-color: transparent;
	float:left; 
	/*padding: 15px 5px;*/
}

#tw_phone_preview
{
	position:relative;
	width: 200px;
	height: 295px;
	background-image:url(/public/images/phone.gif);
	background-repeat:no-repeat;
        font-weight: none;
}

#tw_iphone_preview
{
	position:relative;
	width: 225px;
	height: 430px;
	background-image:url(/public/images/iphone.gif);
	background-repeat:no-repeat;
        font-weight:normal;
	
}

#tw_email_preview
{
	position:relative;
	width: 225px;
	height: 430px;
	background-image:url(/public/images/email.gif);
	background-repeat:no-repeat;
        font-weight:normal;
}

#tw_certificate_preview
{
	position:relative;
	width: 225px;
	height: 415px;
	background-image:url(/public/images/email.gif);
	background-repeat:no-repeat;
        font-weight:normal;
}

#tw_message_window
{
	left:38px;
	position:absolute;
	top:103px;
	height: 130px;
        font-weight:normal;
}

#tw_iphone_box
{
	height:238px;
	left:25px;
	position:absolute;
	top:87px;
        font-weight:normal;
}

#tw_email_box
{
	height:300px;
	left:10px;
	position:absolute;
	top:55px;
        font-weight:normal;
}

#tw_certificate_box
{
	height:300px;
	left:10px;
	position:absolute;
	top:40px;
        font-weight:normal;
}


#tw_phone_power
{
	float: left;
	text-align: center;
	width: 225px;
}

#tw_iphone_power
{
	float: left;
	padding: 0px 20px;
	text-align: center;
}

#tw_email_power
{
	float: left;
	padding: 0px 20px;
	text-align: center;
}

#tw_certificate_power
{
	float: left;
	padding: 0px 20px;
	text-align: center;
}


#tw_message_sample
{
	position:relative;
	overflow:hidden;
	width: 108px;
	height: 131px;
}

#tw_message_sample span
{
	width: 104px;
	font-size: 9px;
}

#tw_iphone_sample
{
	position:relative;
	overflow:hidden;
	width: 175px;
	height: 238px;
}

#tw_iphone_sample span
{
	width: 175px;
	font-size: 9px;
}

#tw_email_subject_window
{
	/*osition:relative;*/
	overflow:hidden;
	width: 185px;
	height: 70px;
	padding-top: 27px;
}

#tw_email_sample
{
	height:345px;
	margin-left:2px;
	overflow:hidden;
	position:relative;
	width:175px;	
}

#tw_email_sample span
{
	width: 175px;
	font-size: 9px;
}

#tw_certificate_subject_window
{
	/*osition:relative;*/
	overflow:hidden;
	width: 185px;
	height: 70px;
	padding-top: 27px;
}

#tw_certificate_sample
{
	height:345px;
	margin-left:2px;
	overflow:hidden;
	position:relative;
	width:175px;	
}

#tw_certificate_sample span
{
	width: 175px;
	font-size: 9px;
}

#tw_phone_pic
{
	left:39px;
	top:107px;
}

#tw_iphone_pic
{
	padding: 5px;
}

#tw_email_pic
{
     padding: 10px 0px 10px 10px;
}

#tw_certificate_pic
{
     padding: 10px 0px 10px 10px;
}


#tw_card_value
{
	left:39px;
	top:173px;
	width: 160px;
	text-align: left;
}

#tw_message_label span 
{
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
}

#tw_from_email span 
{
	/*font-weight: bold;*/
	font-size: 8px;
	padding: 1px 0px 1px 32px;
	width:75px;
	overflow:hidden;
	float: left;
}

#tw_subject
{
     padding-top:20px;
     padding-left:35px;
     width:180px;
     overflow:hidden;
}

#tw_subject span 
{
	/*font-weight: bold;*/
	font-size: 8px;
	padding: 1px 0px 1px 10px;

}


#tw_to_email span 
{
	/*font-weight: bold;*/
	font-size: 8px;
	padding: 1px 0px 1px 32px;
	width:75px;
	overflow:hidden;
	/*float: left;*/
}


#tw_delivery_time
{
    width:20px;
    float: left;
    position:relative; 
    padding: 1px 0px 1px 40px;
}

#tw_card_value span
{
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
}

#tw_to_value
{
     /*padding-top: 55px;*/
}

#tw_to_value span 
{
	font-weight: bold;
	font-size: 8px;
	padding-left: 5px;
}

#tw_from_value span
{
	font-weight: bold;
	font-size: 8px;
	padding-left: 5px;
}

#tw_message_txt 
{
}

/** SCROLLBAR  */

div#tw_scrollbar 
{ 
	display:block;
	position:relative;
	width:11px; height:200px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#tw_iphone_scrollbar 
{ 
	display:block;
	position:relative;
	width:11px; height:240px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#tw_email_scrollbar 
{ 
	display:block;
	position:relative;
	width:11px; height:330px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#tw_certificate_scrollbar 
{ 
	/*display:block;*/
	display: none;
	position:relative;
	width:11px; height:330px; 
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#tw_phone_window	
{ 
	position:relative;
	width:104px; height:300px;
	overflow:hidden;
}
    
div#tw_iphone_window	
{ 
	position:relative;
	width:175px; 
	height:450px;
	overflow:hidden;
}
    
div#tw_email_window	
{ 
	position:relative;
	width:175px; 
	height:650px;
	overflow:hidden;
}

/*this is the old styles for the preview window

div#tw_certificate_window	
{ 
	position:relative;
	width:175px; 
	height:650px;
	overflow:hidden;
} */

/*New styles for the preview window*/
div#tw_certificate_window
{
	height: auto;
    max-height: 345px;
    margin: 0px 0px 0px 2px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative !important;
    width: 200px;
    top: 0px !important;
}

div#tw_track 
{ 
	position:absolute; left:0px; top:11px;
	width:7px; height:109px;
	background: #202020;
}

div#tw_iphone_track 
{ 
	position:absolute; left:0px; top:11px;
	width:7px; 
	height:216px;
	background: #202020;
}

div#tw_email_track 
{ 
	position:absolute; left:0px; top:11px;
	width:7px; 
	height:300px;
	/*background: #202020;*/
}

div#tw_certificate_track 
{ 
	/*This is the old styles for the scroll bar for the old scrolling for the preview
	position:absolute; 
	left:16px !important;  
	top:0px;
	width:11px; 
	height:337px;
	background: #202020;*/
	/*position:absolute; left:0px; top:5px;
	width:7px; 
	height:300px;*/
	/*background: #202020;*/
	/*Removing old scroll bar for the new preview*/
	display: none !important;
}

div#tw_drag_bar 
{
	position:absolute; left:1px; top:1px;
	width:4px; height:20px;
	background-color:#ceced6;
}  

div#tw_email_drag_bar 
{
	position:absolute; 
	left:3px !important;
	top:1px;
	width:15px; height:20px;
	background: url(/public/images/bar.gif) repeat-y;
	border-style:solid;
	border-color: #626e92;
	border-width:1px;

}

div#tw_certificate_drag_bar 
{
	position:absolute; 
	left:2px !important; 
	top:1px;
	width:7px; height:20px;
	background-color:#ceced6;
	/*position:absolute; 
	left:11px !important;
	top:-1px;
	width:15px; height:20px;
	background: url(/public/images/bar.gif) no-repeat;*/

}

div#tw_up { position:absolute; left:0px; top:0px; }  
div#tw_down { position:absolute; left:0px; top:120px; }

div#tw_iphone_up { position:absolute; left:0px; top:0px; }  
div#tw_iphone_down { position:absolute; left:0px; top:225px; }

div#tw_email_up { position:absolute; left:0px; top:-5px; padding-left:2px;}  
div#tw_email_down { position:absolute; left:0px; top:320px; padding-left:3px; }

div#tw_certificate_up { position:absolute; left:13px; top:-11px; padding-left:3px;}  
div#tw_certificate_down { position:absolute; left:12px; top:337px; padding-left:4px; }

/* for safari, to prevent selection problem  */
div#tw_scrollbar, div#tw_track, div#tw_drag_bar, div#tw_up, div#tw_down 
{
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* for safari, to prevent selection problem  */
div#tw_iphone_scrollbar, div#tw_iphone_track, div#tw_email_track, div#tw_drag_bar, div#tw_iphone_up, div#tw_iphone_down 
{
	-moz-user-select: none;
	-khtml-user-select: none;
}

div#tw_email_scrollbar, div#tw_iphone_track, div#tw_email_track, div#tw_drag_bar, div#tw_email_up, div#tw_email_down 
{
	-moz-user-select: none;
	-khtml-user-select: none;
}

div#tw_certificate_scrollbar, div#tw_iphone_track, div#tw_certifcate_track, div#tw_drag_bar, div#tw_certificate_up, div#tw_certificate_down 
{
	-moz-user-select: none;
	-khtml-user-select: none;
}