/*
 *  Alerts
 *
 */

 /* common background for modality */
.modal {
	position: absolute; left:0; top:0; width:100%; height:100%; z-index:999; background:url(/img/ietrans.png);
	font-family: "Trebuchet MS"; font-size: 12px;
	text-align: center;
}
.modal h1 {font-family: "Trebuchet MS"; font-size: 20px;}
.modal .buttons {text-align: right;}
.modal .buttons > input {width: auto !IMPORTANT; width:80px; min-width: 80px;}

 /* simple dialog */
 .dlog {
    display: table;
    background: #fff9ca url(/img/attention-32x32.png) no-repeat 10px 10px;
	text-align: left;
	padding: 15px 20px 15px 50px;
	border: 2px solid #ffd324;
	margin-top: 100px; margin-left: auto; margin-right: auto;
	min-width: 50%;
}

/* generic alert */
 .error_alrt {
    display: table;
    background: #ffe0e0 url(/img/error-48x48.png) no-repeat 10px 10px;
 	border: 2px solid #F40141;
 	color: #990120;
	text-align: left;
	padding: 15px 20px 15px 60px;
	border: 2px solid #990120;
	width: 50%;
	margin-top: 100px; margin-bottom: 10%; margin-left: auto; margin-right: auto;
}

/* generic alert */
 .error_alrt .details {
	font-family: "Trebuchet MS"; font-size: 10px;
 	color: gray;
	margin-right: 15px;
	min-height: 15px; min-width: 200px;
}

 .warning_alrt {
    display: table;
    background: #fff9ca url(/img/attention-32x32.png) no-repeat 10px 10px;
 	border: 2px solid #ffd324;
 	color: #000;
	text-align: left;
	padding: 15px 20px 15px 60px;
	border: 2px solid #990120;
	width: 50%;
	margin-top: 100px; margin-bottom: 10%; margin-left: auto; margin-right: auto;
}

 .warning_alrt {
    min-width : 60px;
}


a {cursor: pointer;}


/* TreeView */
.treeview {cursor: pointer;}

.treeview_li {
    padding: 0 0 0 18px;
	float: left;
    width: 100%;
    list-style: none;
    -webkit-user-select:none;   -moz-user-select:none;
}

.treeview, .treeview ul { margin: 0; padding: 0;}
li.expanded {background: url(/img/treeview-minus.gif) no-repeat left top;}
li.expanded ul {display: block;}
li.collapsed {background: url(/img/treeview-plus.gif) no-repeat left top;}
li.collapsed ul {display: none;}


 div.referencing  {display: none;}












 /* simple dialog */
 #password_dlog > .dlog {
    background: #eee url(/img/lock-32x32.png) no-repeat .5em .3em;
	border: 2px solid #999;
}






body { background-color: white; margin: 0; padding: 0; height: 100%; bottom: 0;}
#page { position: relative; margin-left: auto; margin-right: auto; margin-top: 10px; width: 1004px; }

#header { position: relative; top: 0; left: 0; width: 1004px; height: 161px; }
	#logo { position: absolute; top: 30px; left: 50px; width: 155px; height: 50px; background-image: url(../../img/logo.png); background-repeat: no-repeat;}
	#lang { position: absolute; top: 121px; left: 790px; width: 200px; z-index: 99;}
	#sm { position: absolute; top: 86px; left: 50px; width: 150px; height: 8px; background-image: url(../../img/sm.png); background-repeat: no-repeat; }

#navbar { position: absolute; top: 64px; left: 22px; width: 955px; height: 50px; }
	#tabs { position: absolute; top: 0; left: 230px; width: auto; height: 48px; z-index: 10; }
	.tab { float: left; height: 47px; width: 95px; margin-right: 3px; border-bottom: 1px solid white; }
	.tabhref {text-decoration: none; color: white; }
	.tabhref:hover {text-decoration: none; color:white; }
	.tabtext {position: relative; top: 15px; font-family: "Trebuchet MS"; font-weight: bold; color: white; font-size: 15px; text-align: center;}
	
	.tab_home { background-image: url(../../img/tabs/1.png); }
	.tab_manage { background-image: url(../../img/tabs/2.png); }
	.tab_support { background-image: url(../../img/tabs/3.png); }
	.tab_buy { background-image: url(../../img/tabs/4.png); }
	.tab_solutions { background-image: url(../../img/tabs/5.png); }
	.tab_home:hover { background-color: #4dc86f; }
	.tab_manage:hover { background-color: #4dc9ad; }
	.tab_support:hover { background-color: #70d8d8; }
	.tab_buy:hover { background-color: #4dbff5; }
	.tab_solutions:hover { background-color: #4da1d9; }
	
	
	.tab:hover { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
	
	#selectedtab { border-bottom: none; height: 48px; }
	
	#bottombar  { position: absolute; top: 48px; left: 22px; width: 955px; height: 34px; z-index: 5;}

#page_body { position: relative; left: 0; right: 0; margin: 0 30px 0 70px;  min-height: 550px; height:auto !important; height:420px;}

#infobar { position: relative; left: 0; width: 1004px; height: 23px; margin: 40px 0 40px 0; background-image: url(../../img/infobaroverlay.png); overflow: hidden; }
	#infobartext { position: absolute; bottom: 0; left: 0; width: 1004px; height: 1.8em; color: #464749; font-family: Arial; font-size: 10px; font-weight: bold; text-align: center; z-index: 5; }
	#infobartext a { text-decoration: none; color: #464749; }
	#infobartext a:hover { text-decoration: underline; color: #464749; }
	#infobartext a img { border: none; }
	#infobartext #sepline { display: inline; border-right: 1px solid #bdbcbb; margin: 0 6px 0 10px; padding-bottom: 5px;}

#bottombarselector  { position: absolute; top: -49px; left: 0; width: 955px; height: 34px; z-index: 10; }
	#bottombarselectortext { position: absolute; bottom: 0; left: 0; width: 1004px; height: 16px; color: white; font-family: Arial; font-size: 10px; font-weight: bold; text-align: left; }
	#bottombarselectortext a { float: left; text-decoration: none; color: white; margin: 0 15px;}
	#bottombarselectortext a:hover { text-decoration: underline; color: white; }
	#bottombarselectortext a img { border: none; }
	#bottombarselectortext #sepline { float: left; border-right: 1px solid white; margin: 0 6px 0 10px; height: 16px; }

	.home #bottombarselectortext #sepline { border-right: 1px solid #00b030; }
	.manage #bottombarselectortext #sepline { border-right: 1px solid #007c60; }
	.support #bottombarselectortext #sepline,
	.technotes #bottombarselectortext #sepline { border-right: 1px solid #238c8c; }
	.buy #bottombarselectortext #sepline,
	.samples #bottombarselectortext #sepline{ border-right: 1px solid #0073a9; }
	.solutions #bottombarselectortext #sepline,
	.downloads #bottombarselectortext #sepline { border-right: 1px solid #00558e; }

.home #bottombar { background-color: #00b030; }
.manage #bottombar { background-color: #007c60; }
.support #bottombar,
.technotes #bottombar { background-color: #238c8c; }
.buy #bottombar,
.samples #bottombar { background-color: #0073a9; }
.solutions #bottombar,
.downloads #bottombar { background-color: #00558e; }

.tab_home_color { background-color: #00b030; }
.tab_manage_color { background-color: #007c60; }
.tab_support_color { background-color: #238c8c; }
.tab_buy_color { background-color: #0073a9; }
.tab_solutions_color { background-color: #00558e; }

.home .header, .home h2 { color: #007e21; }
.manage .header, .manage h2,
.manage .header, .manage .para{ color: #005c47; }
.support .header, .support h2,
.support .header, .support .para,
.technotes .header, .technotes h2 { color: #1a6868; }
.buy .header, .buy h2,
.samples .header, .samples h2 { color: #00567e; }
.solutions .header, .solutions h2,
.downloads .header, .downloads h2 { color: #003f6a; }

.home .para, .home .para a, .home .parablack a { color: #00b030; }
.manage .para, { color: #007c60; }
.support .para, .support .para a, .support .parablack a,
.technotes .para, .technotes .para a, .technotes .parablack a { color: #238c8c; }
.buy .para, .buy .para a, .buy .parablack a,
.samples .para, .samples .para a, .samples .parablack a{ color: #0073a9; }
.solutions .para, .solutions .para a, .solutions .parablack a,
.downloads .para, .downloads .para a, .downloads .parablack a { color: #00558e; }

.tab_home_textcolor { color: #00b030; }
.tab_manage_textcolor { color: #007c60; }
.tab_support_textcolor { color: #238c8c; }
.tab_buy_textcolor { color: #0073a9; }
.tab_solutions_textcolor { color: #00558e; }



.header, h2 { font-size: 20px; font-family: sans-serif; font-weight: bold; letter-spacing: -0.5px; margin-bottom: 8px; }
h2 { margin-bottom: 0; }
.para { font-size: 15px; font-family: "Trebuchet MS"; }
.parablack { font-size: 12px; font-family: "Trebuchet MS"; margin-top: 6px; }
.parablack + .para { margin-top: 20px;}
.para + .para { margin-top: 20px;}

.alert {
    background: #fff9ca url(../../img/attention-32x32.png) no-repeat .5em .3em;
    padding: .5em .5em .5em 2.5em;
    border: 1px solid #888;
    color: #2e2e2e;
}
.alertbox {
    background: #fff9ca url(../../img/attention-32x32.png) no-repeat .5em .3em;
	background-position: 10px 3px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin-top: 10px;
	margin-bottom: 10px;
}




#keyfeedback {}
	#keyconnectionstatus { position: absolute; top: 20px; right: 0; width: 471px; height: 31px; background-image: url(../../img/tour.png); font-size: 10px; font-family: "Trebuchet MS"; font-weight: bold; }
	#keyconnectionstatus #keyconnectionstatusbkg { position: absolute; top: 3px; left: 140px; width: 139px; height: 26px; background-image: url(../../img/keyconnectionstatusgray.png); }
	#keyconnectionstatus #keyconnectionstatusbkg.green { background-image: url(../../img/keyconnectionstatusgreen.png); }
	#keyconnectionstatus #keyconnectionstatusbkg.red { background-image: url(../../img/keyconnectionstatusred.png); }

	#keyconnection { position: absolute; top: 2px; right: 0; width: 187px; height: 89px; background-image: url(../../img/keyconnection.png); }
	#keyconnection #grayer { position: absolute; top: 0px; width: 142px; height: 100%; background-image: url(../../img/ietrans.png); }
	#keyconnectionlights { position: absolute; top: 27px; right: 24px; width: 14px; height: 36px; background-image: url(../../img/keyconnectionlights.png); }
	#keyconnectionlights #light  { position: absolute; left: -5px; width: 24px; height: 24px; }
	#keyconnectionlights #light.green  { top: -4px; background-image: url(../../img/keyconnectionlightgreen.png); }
	#keyconnectionlights #light.red  { bottom: -4px; background-image: url(../../img/keyconnectionlightred.png); }

	#keyowner { position: absolute; top: 8px; left: -180px; width: 310px; text-align: right; }
	#keystatustext { position: absolute; top: 8px; left: 150px;  }
	#keystatustext.green { color: #464749;  }
	#keystatustext.red { color: white; }

.button { height: 23px; width: 87px; font-family: Arial; font-size: 10px; color: white; font-weight: bold; text-align: center; padding-top: 7px; }
	.button a {text-decoration: none; color: white; }
	.button:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#btnorange { margin-left: 30px; margin-top: 10px; background-image: url(../../img/btnorange.png); }
	#btnorange:hover { background-color: #99401a; }
	.losttextcolor>a { text-decoration:none; }


.faq_q, .parablack h2 { font-family: "Trebuchet MS"; font-size: 14px; color: black; text-transform: uppercase; margin: 20px 0 5px 0; font-weight: normal; border-bottom: 1px solid #d5d5d5; }
.faq_a { font-family: "Trebuchet MS"; font-size: 12px; color: black; }


.example
{
  	border: 1px solid rgb(0, 0, 0);
    margin: 10px;
    font-family: 'Courier New',Courier,monospace;
    background-color: rgb(221, 221, 221);
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

.code { font-family: 'Courier New',Courier,monospace; font-size: 11px; }

 .failedbox {
    background: #ffe0e0 url(../../img/error-m.png) no-repeat .5em .3em;
	background-position: 10px 3px; /* x-pos y-pos */
	text-align: left;
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
   	padding: 5px 20px 5px 45px;
 	border: 2px solid #F40141;
 	color: #990120;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute; 
    left: 20%; 
    right: 20%;
}
.successbox {
    background: #CCEFD5 url(../../img/check-m.png) no-repeat .5em .3em;
	background-position: 10px 3px; /* x-pos y-pos */
	text-align: left;
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
	padding: 5px 20px 5px 45px;
	border: 2px solid #4F8913;
	margin-top: 10px;
	margin-bottom: 10px;
 	position: absolute; 
    left: 20%; 
    right: 20%;
}
 .warnbox {
    background: #fff9ca url(../../img/warning-m.png) no-repeat .5em .3em;
	background-position: 10px 3px; /* x-pos y-pos */
	text-align: left;
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
   	padding: 5px 20px 5px 45px;
 	border: 2px solid #ffd324;
 	color: #996012;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute; 
    left: 20%; 
    right: 20%;
}


img { border: none; }

a {text-decoration: underline}

 /*
 * Manage
 */
.error-details-table { font-family: "Trebuchet MS"; font-size: 12px; margin-left: 10% }

.edit-div { position: relative; width: 50%; font-family: "Trebuchet MS"; line-height: 28px;  font-size: 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; padding: 20px; }
.edit-div  input[type='submit'] { position: absolute; bottom: 20px; right: 20px; width: 120px; }
.edit-div  input[type='text'] { position: absolute; left: 40%; right: 20px;}
.edit-div  input[type='checkbox'] { position: absolute; left: 40%; right: 20px; margin-top: 7px;}
.edit-div  input[type='password'] { position: absolute; right: 20px; width: 50%;}
.input-error {
    background:#ffe0e0;
    padding-left:4px;
    border:solid 1px red;
    font-size: 12; line-height: 15px; font-family: "Trebuchet MS"; font-style:bold;
    color:red;
}

 .help-box{
    background:#FFFFCC;
    border:solid 1px #DEDEDE;
    color:#222222;
    padding:4px;
    margin-top:8px;
    margin-bottom:16px;
    font-size:10;
    font-style:italic;
    line-height: 15px;
    }

.setting {
    background: #f5f5f5 .5em .3em;
    background-position: 8px 8px; /* x-pos y-pos */
    font-size: 15px; font-family: "Trebuchet MS";
    color:#606060;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #d0d0d0;
}

.helpbtn {
    position: absolute;
    right: 20px;
}

.swekey_info {
    position: absolute;
    left: 25%;
    font-weight: bold;
}

.setting a {
    color: #0000cd;
    font-size: 12px;
}

.edit-branded-swekey.message a {
    color: #0000cd;
    font-size: 12px;
}

/*
 * TAB HOME
 */
 
#homehow { margin: 10px 0 20px -4px; }
.hsepline { width: 702px; border-bottom: 1px solid #ececec; margin: 20px 0 20px 0;}

#leftcol { width: 700; }
#rightcol { position: absolute; top: 0; left: 720px; width: 185px; padding-left: 20px; height: 380px; border-left: 1px solid #ececec; }
#rightcol .hsepline { width: 180px; border-bottom: 1px solid #ececec; margin: 20px 0 20px 0;}

.block { width: 147px; font-family: "Trebuchet MS"; font-size: 11px; padding: 10px; margin-top: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.newsheadertextcolor { color: #005fb2; }
.newstextcolor { color: #004480; }
.lostheadertextcolor { color: #ff6a2c; }
.losttextcolor { color: #cc5523; }

#newsblockcolor { background-color: #ccdff0; }
#lostblockcolor { background-color: #ffe1d5; }

.countertextcolor { color: #303030; }
#counterblockcolor { background-color: #ECECEC; }
#authcounter {
	color: red;
	width:100%;
   	font-size: 20px; line-height: 26px; font-style:bold;
   	text-align: center;
 }

center a img { margin-right: 20px; margin-top: 10px; }



/*
 * TAB BUY
 */

#purchase { position: relative; float: right; width: 35%; padding: 20px; margin-bottom: 20px; font-family: "Trebuchet MS"; font-size: 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; }
#purchase_checkout { position: relative; float: right; width: 25%; padding: 20px; margin-bottom: 20px; font-family: "Trebuchet MS"; font-size: 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; }
#promo { font-family: "Trebuchet MS"; font-size: 11px;  }

#purchase-div { position: relative; float: left; width: 50%; padding: 20px; font-family: "Trebuchet MS"; font-size: 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; }
#purchase-div input[type='button'] { float: right; margin: 15px 20px 10px 0; width: 120px; }
#purchase-div .row { position: relative; clear: both; padding-bottom: 12px; margin: 0 0 12px 0; }
#purchase-div .label { float: left; width: 130px; line-height: 22px; padding-top: 5px; text-align: left; }
#purchase-div input[type='text'] { float: left; width: 300px; padding-left: 4px; text-align: left; font-size: 14px; }

.buy form { position: relative; float: left; width: 60%; padding: 20px; font-family: "Trebuchet MS"; font-size: 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; }
.buy form input[type='submit'] { float: right; margin: 15px 20px 10px 0; width: 120px; }
.buy form .row { position: relative; clear: both; padding-bottom: 12px; margin: 0 0 17px 0; }
.buy form .label { float: left; width: 130px; line-height: 22px; padding-top: 5px; text-align: left; }
.buy form input[type='text'] { float: left; width: 300px; padding-left: 4px; text-align: left; font-size: 14px; }

.prices { position: relative; float: left; width: 50%; padding: 20px; font-family: "Trebuchet MS"; font-size: 14px; background-color: #f5f5f5; border: 1px solid #d0d0d0; }
.prices .row { position: relative; clear: both; padding-bottom: 12px; margin: 0 0 17px 0; }
.prices .label { float: left; width: 130px; line-height: 22px; padding-top: 5px; text-align: left; }
.prices input[type='text'] { float: left; width: 300px; padding-left: 4px; text-align: left; font-size: 14px; }

.para-red { color: red; font-size: 20px; font-family: "Trebuchet MS"; font-style: bold; }



/*
 * TAB SOLUTIONS
 */

.solutionbox {
    background: #dddddd .3em .3em;
    color: #2e2e2e;
   	padding: 10px 10px 10px 10px;
   	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.solution_name { font-size: 24px; font-family: sans-serif; font-weight: bold; letter-spacing: -0.5px; margin-bottom: 8px}

.btngrp {
   	padding: 10px 0px 0px 10px;
	align: right;
}
.btn {
	font-family: "Trebuchet MS";
	font-size: 14px;
}