html, body {
   margin: 0;
   padding: 0;
   overflow: auto;
}

body {
   width: 100%;
   max-width: 100%;
   background-color: #333;
   color: #ccc;
   font-family: arial, sans-serif;
   line-height: 1.4em;
   font-size: 0.8em;
}

a {
   text-decoration: none;
   color: #0c0;
}

a:hover {
   text-decoration: underline;
   color: #cf0;
}

#_dvFullStatsInfoDiv {
	background-color: #F99;
	border-radius: 10px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
}

#_dvTransferLog {
	background-color: #0CF;
	border-radius: 10px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}




#loading {
	background-color: #333;
	position:fixed;
	Z-INDEX:103;
	padding-top:10px;
	text-align:center;
	width:100px;
	height:40px;
	top:50%;
	right:17%;
	display:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#Sending {
	position:fixed;
	Z-INDEX:103;
	padding-top:0px;
	display:none;
	text-align:center;
	top:48%;
	right:93%;
}



#left {
   position: fixed;
   top: 0;
   left: 0;
   overflow-x: hidden;
   overflow-y: auto;
   height: 100%;
   width: 59%;
   text-align: right;
   background-color: #333;
   background-image: url(images/fade.jpg);
   background-repeat: no-repeat;
   background-position: right;
}

body > #left {
   position: fixed;
}

#outer {
   position: absolute;
   left: 0;
   top: 5px;
   width:100%;
   height:95%;
   margin-top: 0;
   padding-left:5px;
}

#stcenter {
   text-align: center;
   vertical-align: middle;
   display: block;
}

#right {
   height: 100%;
   padding-top: 0.1%;
   overflow: visible;
   margin-top: 10px;
   margin-right: 2px;
   margin-bottom: 10px;
   margin-left: 60%;
}

div.right {
   margin-left: 0.1%;
   margin-bottom: 0.1%;
   border-left: solid 1px #3a3a3a;
   background: #333 url('images/corner.jpg') no-repeat bottom right;
   padding-top: 0;
   padding-right: 1%;
   padding-bottom: 2.5%;
   padding-left: 10%;
}

div.letter {
	height: 100%;
	margin-left: 0.3%;
	margin-bottom: 0.1%;
	border-left: solid 1px #3a3a3a;
	padding-top: 0;
	padding-right: 1%;
	padding-bottom: 2.5%;
	padding-left: 1%;
	background-color: #FFF;
}


#outer div.data {
   position: relative;
   left: 10;
   top: 45%;
   width:70%;
   height: 340px;
   margin-top: -100px;
   text-align: left;
}


.dataentry {
   width:97%;
   height: 100%;
   text-align: left;
   padding: 5px;
}

#topdiv {
   display: block;
   float: left;
}

#SMTPdiv {
   width: 100%;
   display: block;
   float: left;
   margin-right: 1%;   
}

table tbody tr td {
   text-align: left;
}

.GeneralTable{
   width: 100%;
   padding-right: 25px;
   height: 20%;
}


.DKIMTable{
   width: 70%;
}


.inputArea textarea {
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de;
    width: 98%;
}

.txtareatable{
   width: 10%;
}


.tdinput {
   text-align: left;
   /*border: thin solid #000;*/
   width: 200px;  
}

.TdForTextArea {
	text-align: left;
}

.tdEmptytitle {
   height: 100%;
   width: 123px;
   text-align: left;
   padding: 3px;
}

.tdtitle {
   height: 100%;
   width: 90px;
   text-align: left;
   padding: 3px;
}

.tdSmallTitle {
   width: 30px;
   text-align: left;
   padding: 3px;
}


.tdtitleLeft {
   height: 100%;
   text-align: left;
   padding: 3px;
}

.tdtitleRight {
   height: 100%;
   width: 40%;
   text-align: left;
   padding: 3px;
}

.tdToAlignLeft {
   height: 100%;
   width: 5px;
}

.tdToAlignRight {
   height: 100%;
   width: 20px;
}


.Indexesareafield {
   height: 70px;
   width: 99%;   
   text-align: left;
   background-color: #333;
   border-top-width: thin;
   border-right-width: thin;
   border-bottom-width: thin;
   border-left-width: thin;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-bottom-color: #666;
   border-right-color: #666;
   border-top-color: #666;
   border-left-color: #666;
   font-size: 16px;
   color: #FFF;
   display: block;
   padding: 4px;
   border: solid 1px #85b1de;
}


.Smalltextareafield {
   height: 100px;
   width: 90%;   
   text-align: left;
   background-color: #333;
   border-top-width: thin;
   border-right-width: thin;
   border-bottom-width: thin;
   border-left-width: thin;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-bottom-color: #666;
   border-right-color: #666;
   border-top-color: #666;
   border-left-color: #666;
   font-size: 16px;
   color: #FFF;
   display: block;
   padding: 4px;
   border: solid 1px #85b1de;
}
.textareafield {
   height: 400px;
   width: 100%;   
   text-align: left;
   background-color: #123;
   border-top-width: thin;
   border-right-width: thin;
   border-bottom-width: thin;
   border-left-width: thin;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-bottom-color: #666;
   border-right-color: #666;
   border-top-color: #666;
   border-left-color: #666;
   font-size: 16px;
   color: #FFF;
   display: block;
   padding: 4px;
   border: solid 1px #85b1de;
}


.textareafieldRight {
   height: 750px;
   width: 99%;   
   text-align: left;
   background-color: #333;
   border-top-width: thin;
   border-right-width: thin;
   border-bottom-width: thin;
   border-left-width: thin;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-bottom-color: #666;
   border-right-color: #666;
   border-top-color: #666;
   border-left-color: #666;
   font-size: 16px;
   color: #FFF;
   display: block;
   padding: 4px;
   border: solid 1px #85b1de;
}

.textareafield:hover, textareafieldRight:hover {
   color: #FC0;
}

.inputfield {
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666;
	border-right-color: #666;
	border-top-color: #666;
	border-left-color: #666;
	color: #FFF;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

.inputfieldDisabled {
	height: 100%;
	width: 100%;
	text-align: left;
	background-color: #930;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666;
	border-right-color: #666;
	border-top-color: #666;
	border-left-color: #666;
	color: #FFF;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}


.inputfield:hover {
   border: 1px solid #98CCF3;
   color: #000;
   background-color: #7E9B8E;
}

.inputfield:active {
   border: thin inset #0F0;
   color: #000;
   background-color: #996;
}

input.radio {
   border: 0px;
   color: #000;
   background-color: #996;
}

.cmButton {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 10px;
   font-weight: bold;
   color: #003;
   background-color: #666;
   background-repeat: no-repeat;
   text-align: center;
   vertical-align: middle;
   margin: 2px;
   padding: 2px;
   height: 20px;
   width: 80px;
   border-top-width: 2px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 2px;
   border-top-style: outset;
   border-right-style: outset;
   border-bottom-style: outset;
   border-left-style: outset;
   border-top-color: #CCC;
   border-right-color: #CCC;
   border-bottom-color: #CCC;
   border-left-color: #CCC;
}

.tdSMTP {
   width: 100%;
   text-align: left;
   padding: 5px;
   border: solid 1px #85b1de;
   display: block;
   margin: 5px;
}

.recipientfile {
   text-align: left;
   height: 15px;
   padding: 5px;
   display: inline;
   margin: 5px;
}

.hiddenfield {
   display: none;
   visibility: hidden;
   position: fixed;
   width: -2000px;
}

/* for the button spans */


input.nwbutton, a.nwbutton { 
   overflow: hidden;
   width: 93px;
   float: left;
   color: #333;
   height: 20px;
    /* padding-right: -2px;sliding doors padding */
   padding:2px;
   text-decoration: none;
   background-attachment: scroll;
   background-color: transparent;
   background-color:#F4F4F4;
   border-radius:5px;
  /* background-image: url(images/button-released.gif);*/
   background-repeat: no-repeat;
   background-position: right top;
   text-align: center;
   vertical-align: top;
   font-family: arial, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   font-variant: normal;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
}

input.nwbutton:active {
   color: #000;
   width: 93px;
   float: left;
   height: 20px;
   margin-right: 2px; /* sliding doors padding */
   text-decoration: none;
   background-attachment: scroll;
   background-color: transparent;
   background-image: url(images/button-pressed.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
   text-align: center;
   vertical-align: top;
   font-family: arial, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   font-variant: normal;
}

h1 {
   display: inline;
   margin-right: 30px;
   color: #fff;
   text-align: right;
   font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
   font-size: xx-large;
   font-weight: 900;
}

span.title {
   display: block;
   margin: 0 0 5px 0;
   font: 600 1.1em 'century gothic', 'trebuchet ms', arial, sans-serif;
   color: #fff;
}

img.lime {
   margin-bottom: -1px;
   margin-right: 8px;
   margin-top: 3px;
   margin-left: 3px;
}

.imgLog {
   margin-bottom: -3px;
   margin-top: 3px;
   margin-right: 8px;
   margin-left: 8px;
}

span.blue {
	color: #39F;
}

span.yellow {
   color: #cf0;
}

span.green {
   color: #0c0;
}

span.orange {
   color: #F63;
}

span.brown {
   color: #963;
}

span.iteration {
	color: #963;
	font-size: 45px;
}

span.block {
	color: #F60;
	font-size: 14px;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 40px;
}
span.tottime {
	color: #09F;
	font-weight: bold;
	text-decoration: underline;
}

a.nav {
   display: block;
   margin: 0;
   text-decoration: none;
   font: 400 20px 'trebuchet ms', arial, sans-serif;
   color: #aaa;
   padding: 0 30px 3px 0;
}

a.nav:hover {
   color: #cf0;
   background: #222;
   text-decoration: none;
}

.credit a, .credit a:hover {
   color: #555;
}

.prefix {
   float: left;
   width: 4.0em;
   font: 600 1.3em arial, sans-serif;
   padding-right: 7px;
   margin-left: -15px;
   text-align: right;
}

.clblock {
   float: left;
   width: 4.0em;
   font: 600 1.3em arial, sans-serif;
   padding-right: 15px;
   text-align: right;
}

.tmblock {
   float: left;
   width: 3.8em;
   text-align: right;
   font-family: arial, sans-serif;
   font-size: 20px;
   font-weight: 600;
   line-height: 23px;
}

img.right {
   float: right;
   margin: 10px;
   padding: 4px;
   background: #0c0;
   border: solid 3px #2e2e2e;
}

a img.right:hover {
   background: #cf0;
}

div.quote {
   margin: 8px 0 12px 10px;
   color: #fff;
   background: #2a2a2a url('images/quote.jpg') repeat-x top;
   border-bottom: solid 1px #2e2e2e;
   border-right: solid 1px #2e2e2e;
   border-left: solid 2px #0c0;
   padding: 8px;
   line-height: 1.7em;
}

p.comment {
   font-size: 0.9em;
   font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
}

div dvErrorLog{
	color: #F00;	
	
}

p.error {
	font-size: 1.1em;
	font-family: 'century gothic', 'trebuchet ms', arial, sans-serif;
	font-style: italic;
	color: #F00;
}
span.error {
	font-style: italic;
	color: #F00;
}

span.credit {
   display: block;
   text-align: right;
   color: #555;
   font-family: 'trebuchet ms', arial, sans-serif;
   font-size: 1em;
   font-weight: 400;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 20px;
   margin-left: 0px;
}

.separator {
   border-top-width: thin;
   border-top-style: solid;
   border-top-color: #000;
}
.HiddenRows{
	display:none;
}

::-webkit-scrollbar-track
{
	border: 5px solid white;
	// border color does not support transparent on scrollbar
	// border-color: transparent;
	background-color: #b2bec3;
}

::-webkit-scrollbar
{
	width: 2px;
	background-color: #e7f75a;
}

::-webkit-scrollbar-thumb
{
	background-color: hsl(0, 96%, 48%);
	border-radius: 2px;
}


.nav-tabs{
   background-color:#C8D3DB;
 }
 
 .nav-tabs > li > a{
   border-radius: 5px;
 }
 .nav-tabs > li > a:hover{
   background-color: #3D515F !important;
     border-radius: 5px;
     color:#fff;
     border:1px solid black;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:focus,
 .nav-tabs > li.active > a:hover{
     background-color: #68889E !important;
     color:#fff;
     border:2px solid #3F515F;
 }