﻿
#toolbar
{
	margin:0;
	padding:0;
	width:100%;
	height:3px;
	background:#0f84bc;
}

#toolbar1
{
	float:left;
	margin:0;
	padding:0;
	width:4%;
	height:100%;
	background:#1097f6;
}

#toolbar2
{
	float:left;
	margin:0;
	padding:0;
	width:4%;
	height:100%;
	background:#80cf3a;
}

#toolbar3
{
	float:left;
	margin:0;
	padding:0;
	width:4%;
	height:100%;
	background:#ac6cc6;
}

#toolbar4
{
	float:left;
	margin:0;
	padding:0;
	width:4%;
	height:100%;
	background:#ff9966;
}

#toolbar5
{
	float:left;
	margin:0;
	padding:0;
	width:4%;
	height:100%;
	background:#ffcc66;
}

#header_btm
{
	float:left;
    width: 100%;
    height: 3px;
    margin: 0;
    padding: 0;
    background: #03A1DC;
}

#topbar
{
	float:left;
	margin: 0;
	padding:0;
	width:100%;
	height: 80px;
/*	background: #00AEEF; 
	background: -webkit-linear-gradient( -405deg, #00AEEF 0, #0f84bc 100% );
	*/
background: rgba(0,174,239,1);
background: -moz-linear-gradient(-407deg, rgba(0,174,239,1) 0%, rgba(15,132,188,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,174,239,1)), color-stop(100%, rgba(15,132,188,1)));
background: -webkit-linear-gradient(-407deg, rgba(0,174,239,1) 0%, rgba(15,132,188,1) 100%);
background: -o-linear-gradient(-407deg, rgba(0,174,239,1) 0%, rgba(15,132,188,1) 100%);
background: -ms-linear-gradient(-407deg, rgba(0,174,239,1) 0%, rgba(15,132,188,1) 100%);
background: linear-gradient(135deg, rgba(0,174,239,1) 0%, rgba(15,132,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0f84bc', GradientType=1 );	
}

#topbar2
{
    margin: 0 auto;
    color: #555;
    height: 80px;
    line-height: 80px;
    width: 1000px;
    opacity: 1;
}

#LogoTxt
{
	float:right;
	height:57px;
	margin: 0 3px 0 0px;	
	color: #FFF;
}

#LogoTxt a:link, #LogoTxt a:visited
{
	color: #FFF;
	text-decoration: none;
	margin: 0 0 20px 20px;
}

#LogoTxt a:hover
{
	color:#FFF;
}

#LogoPic
{
    float: left;
    width: 60px;
    height: 60px;
    margin: 10px 16px 0 40px;
    opacity: 1;
}

.LogoPNG
{
    border: 0;
    width: 60px;
    height: 60px;
    margin: 0px 0 0 0;
}

#TName
{
	color: #FFF;
    height: 80px;
    float: left;
    text-align: left;
    width: 500px;
    font-size: 18px;
    line-height: 80px;
}

h2
{
	color: #FFF;
    height: 80px;
    float: left;
    text-align: left;
    width: 500px;
    font-size: 22px;
    line-height: 80px;
    font-weight: 300;
    margin: 0;   
}

#ADTop
{
	float:left; 
	padding:0;
	margin: 5px 10px 0px 0px;
	width: 728px; 
	height: 90px; 
	background:#ddd;
}

#ADBtm
{
	float:left; 
	padding:0;
	margin: 0px 10px 10px 0px;
	width: 728px; 
	height: 90px; 
	background:#ddd;
}

.Quantity
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}

#ProgressBtm
{
	width: 516px;
	height: 12px;
	padding: 0;
	margin: 9px 0 9px 0;
	background:#d2d2d2;
}

#ProgressTop
{
	height: 12px;
	margin: 0;
	padding: 0;
	background:#3b73d0;	
}

.bigUpload
{
	margin: 5px 15px 0px 0px;
	width: 60px;
	height:35px;
	line-height:35px;	
	font-size: 14px; 
	padding: 0 18px;
}

.coord
{
	 font-family: arial, sans-serif;
	 font-size: 14px;
	 line-height: 20px;	
	 width: 42px;
	 padding: 0 2px 0 2px;
}

.MyCheckBox
{
	display: inline-block;
	cursor: pointer;	
}

.the_url
{
	float:left;
    margin: 0 15px 0 0;
    padding: 0 0.5em;
    height: 2.5em;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    line-height: 2.5em;
    color: #3e3e3e;
}

.output_file_header
{
	float:left;
	padding: 15px 0px 13px 0px;
	width: 750px;
	margin: 15px 30px 0px 0;
	background-color:#222;
	color: #FFF;
	line-height: 32px;
	text-indent: 0px;
	border: 1px #222 solid;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	font-family: Roboto,Verdana,Arial,Helvetica,sans-serif;
}

.output_file_progressBTM
{
	float:left;
	padding: 0;
	width: 752px;
	height: 2px;
	margin: 0;
	background-color:#222;
}

.output_file_progressTop
{
	float:left;
	padding: 0;
	width: 0px;
	height: 2px;
	margin: 0;
	background-color:#51d473;
}

.output_file_info
{
	float:left;
	padding: 0;
	width: 750px;
	margin: 0px 30px 0px 0;
	background-color:#fff;
	line-height: 32px;
	min-height: 50px;
	text-indent: 0px;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

.background_gray
{
	background-color:#f1f1f1;
}

.output_file_info2
{
	float:left;
	padding: 15px 20px 15px 20px;
	width: 710px;
	margin: 0px 30px 0px 0;
	background-color:#fff;
	line-height: 32px;
	text-indent: 0px;
	border: 1px #ddd solid;
	border-radius: 5px 5px;
}

.output_file_info a,a:link,a:visited
{
	text-decoration: none;
	color: #0E62E4;
}

.output_file_info a:hover
{
	text-decoration: underline;
}

.output_info_full
{
	float:left; 
	width: 710px;
	padding: 2px 20px;
}

.mail_header
{
	font-size: 20px;
	font-weight: bold;
}

.mail_header_btm
{
	border-bottom:1px solid #f1f1f1;
}

.height50px
{
	height: 50px;
}

.div_hidden
{
	float: left;
	width: 1px;
	height: 1px;	
}

.output_info_leftT
{
	float:left; 
	padding: 0 0 0 15px;
	width: 185px;
}

.output_info_middleT
{
	float:left; 
	width: 550px;
}	

.output_info_left
{
	float:left; 
	padding: 0 0 0 15px;
	width: 185px;
	cursor:pointer;
}

.output_info_middle
{
	float:left; 
	width: 550px;
	cursor:pointer;
}	

.output_info_right
{
	float:left; 
	width: 70px;	
}

.radio_label2
{
	  display: inline-block;
	  cursor: pointer;
	  margin-right:5px;
}

.radio_label3
{
	  display: inline-block;
	  cursor: pointer;
}

.radiobtn
{
	  display: inline-block;
	  margin-left:0;
	  padding-left:0;
	  cursor: pointer;
}

.radiobtn[disabled]
{
 	cursor:default;
}

.SmallBtn
{
	float:left;
	width: 20px;
	height: 20px;
	margin: 9px 0px 9px 5px;
	text-align: center;
	color: #555;
	background:#fff;
	font-family: arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    border: 1px #555 solid;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently    */
}

sup
{
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 10px;
}

.blank_div_post
{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height: 10px;	
}

.SettingsLeft
{
	float:left;
	padding: 0 0 0 20px;
	width: 120px;
/*	border-right: 1px #555 solid;*/
}

.SettingsRight
{
	float:left;
	padding: 0 0 0 10px;
	width:150px;
}


.SettingsLeftB
{
	float:left;
	padding: 0 0 0 20px;
	width: 80px;
}

.SettingsRightB
{
	float:left;
	padding: 0 0 0 10px;
	width:150px;
}

.BorderBtm
{
/*	border-bottom: 1px #0174DF solid;*/
}

#SettingsPanelL
{
	float:left;
	width: 310px;
/*	height: 160px;*/
/*	margin: 5px 0 0 0;
	padding: 15px 0 15px 0;*/
/*	border: 1px #eee solid;*/
	background-color:#fff;
}

#SettingsPanelR
{
	float:left;
	width: 310px;
/*	height: 160px;*/
	margin: 5px 0 0 30px;
	padding: 15px 0 15px 0;
	border: 1px #eee solid;
	background-color:#fff;
}

.theInput
{
	float:left;
	width: 12em;
/*	height: 1.8em; */
	font-family:Arial,Helvetica,sans-serif; 
	font-size:1em;
	color: #373737; 
	padding: 0.26em; 
	line-height: 1.3em;
}

#AD_Top
{
    float: left;
    width: 970px;
    height: 90px;
    background: #fff;
    margin: 20px 0 0 0;
 }
 
 #AD_Btm
{
 	float: left;
    width: 728px;
    height: 90px;
    padding: 0 11px 0 11px;
    background: #fff;
    border: 1px #fff solid;
    margin: 15px 0 0 0;	
}

.LineH40PX2
{
	float:left;
	width:300px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	line-height:35px;
}

html
{
	background:#3b3b3b;
}

body
{
	margin:0;
	padding: 0;
	color: #3e3e3e;
	background:#f8f8f8;
	font-family:Arial,Helvetica,sans-serif; 
	font-size: 14px;	
}

#header
{
	padding:0 0 0 0px;
    float: none;
    width: 93%;
    margin: 0 auto 0px;	
    min-height: 60px;
    color: #FFF;
}

#main_parent
{
	float:left;
	width:100%;
	margin: 0px 0 10px 0;
	padding:0;
	background:#f8f8f8;
}	

#main
{
	padding: 0 25px 20px 25px;	
    float: none;
    width: 970px;
    margin: 0 auto 10px;
    background-color: #fff;
 	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.2);
	box-shadow: 0 1px 4px rgba(34,25,25,0.2);
	-webkit-box-shadow: 0 1px 4px rgba(34,25,25,0.2);   
	
/*	box-shadow: 0 3px rgba(235,235,235,.85);*/
}

#tool_name
{
	margin:0;
	font-size: 18px;
	line-height: 18px;
/*	width: 400px;*/
/*	float:left;*/
	text-align: center;
}

#title_bar
{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	padding: 27px 0 20px 0;
	/*min-height: 50px;*/
}

#main_inner
{
	float:left;
	width:100%;
	margin: 0px 0 10px 0;
	line-height:22px;
/*	min-height: 500px;*/
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
}

#main_left
{
	width: 179px;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	float:left;
	background-color: #fff;
}

#main_right
{
	width: 750px;
	min-height: 600px;
	margin: 0;
	padding: 0px 0 0 30px;
	float:left;
	background-color: #fff;
/*	border-left: 1px solid #eee;*/
	line-height:22px;
}

#main_right p
{
	margin: 0;
/*	padding: 0 0 10px 0;*/
	line-height: 40px;
}

#main_right a, #main_right a:link, #main_right a:visited
{
	text-decoration: none;
	color: #0E62E4;	
}

#main_right a:hover
{
	text-decoration: underline;
}

.LineBigBtn
{
	float:left;
	width:730px;
	margin: 0 0 2px 0;
	padding: 0px 20px 0px 0px;
	height: 45px;
}

.button
{  
	float:left;
	text-align: center;
	cursor:pointer;
	
    font-family: arial, sans-serif;
	color: #555;
/*	text-shadow: 1px 1px 0px white;*/

    background: #ffffff; /* Old browsers */  
    background: -moz-linear-gradient(top, #ffffff 0%, #eee 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eee)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top, #ffffff 0%,#eee 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top, #ffffff 0%,#eee 100%); /* Opera11.10+ */  
    background: -ms-linear-gradient(top, #ffffff 0%,#eee 100%); /* IE10+ */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */  
    background: linear-gradient(top, #ffffff 0%,#eee 100%); /* W3C */  

    -moz-border-radius: 3px;  
    -webkit-border-radius: 3px;  
    border-radius: 3px;  

    -moz-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); 
    box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4);  	
	
	border: 1px #f8f8f8 solid;
}  

.button:hover
{    
    border: 1px #dadada solid;
}

.LineH40PX
{
	float:left;
	width:730px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 40px;
	line-height:40px;
}

#filelist
{
	float:left;
	width: 730px;
	padding: 0 0 0 0px;
	
	height:40px;
	line-height:40px;
/*	margin: 8px 0 7px 0px;*/
    font-family: arial, sans-serif;
    font-size: 14px;  
	color: #000;	
}

.div_file
{
	float:left;
	overflow:hidden;
	padding: 0 10px 0 0;
	height: 40px;
	width: 376px;
	line-height:40px;
}

.div_del
{
	float:left;
	width: 60px;
	height: 40px;
	cursor:pointer;
	text-align: center;
	line-height:40px;
}

.div_cancel
{
	float:left;
	width: 60px;
	height: 40px;
	margin: 0 0 0 10px;
	cursor:pointer;
	text-align: right;
	line-height:40px;
}

#div_percent
{
	float:left;
	width: 100px;
	height: 50px;
}

.blank_div
{
	float:left;
	width:100%;
	height:10px;
}

.txt
{
	 font-family: arial, sans-serif;
	 font-size: 14px;
	 width: 30px;
	 margin-left: 2px;
	 margin-right:2px;
	 padding-left:0px;
	 padding-right:0px;
}

.big
{
	margin: 0px 0px 0px 0px;
	width: 200px;
	height:35px;
	line-height:35px;	
	font-size: 14px; 
}


#main_btm
{
	padding: 20px 0 25px 0;
	width: 100%;
	text-align: center;
}

#left_menu_title
{
	font-size: 14px;
	line-height: 40px;
/*	margin-bottom: 5px;*/
}

#left_menu
{
	padding: 3px 10px 3px 15px;
	border-bottom:1px solid #fff;
}

#left_menu a,#left_menu a:link,#left_menu a:visited
{
	text-decoration: none;
	color: #0E62E4;
}

#left_menu a:hover
{
	text-decoration: underline;
}

#foot
{
	margin: 0;
	padding:0;
	width:100%;
	height:220px;
	min-height:220px;
	text-align: center;
	font-family: arial,sans-serif;
	font-size:14px;

	-webkit-box-shadow: 0 -1px 4px #ddd;
	-moz-box-shadow: 0 -1px 4px #ddd;
	box-shadow: 0 -1px 4px #ddd;
/*	box-shadow: 0 -3px rgba(235,235,235,.87);*/
	background: #f5f5f5;
	border-top: 1px solid #eee;
}

#foot_text
{
	padding: 50px 0 0 0;	
	color: #666;
}

#foot_text a:link, #foot_text a:visited
{
	color: #666;
	text-decoration: none;
	margin: 0 0 20px 0;
}

#foot_text a:hover
{
	color: #666;
}

.foot_line
{
	margin: 0 0 15px 0;
}

#left_menu_title_home
{
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 5px;
}

.radio_label
{
	margin: 0;
	padding: 0 6px 0 0;
	display: inline-block;
	cursor: pointer;
}

.DropSel
{
	font-family:Arial,Helvetica,sans-serif; 
	font-size:1em;
	width: 9em;
	margin-left: 0.2em;
    margin-right: 0.2em;
    padding-left: 0.3em;
    padding-right: 0.3em;	
}

.TopTexts
{
	float:left;
	width: 10em;
	padding: 0.26em; 
	line-height: 1.3em;
	resize:vertical;
	position: relative;
	font-family: Arial,Helvetica,sans-serif;
	font-size:0.9em;
	height: 2em;
	margin-top: 0.8em;
}