#apibody {background:#eaeaea;border:0;font:13px Arial, Helvetica, sans-serif;color:#4e4e4e;line-height:20px;max-height: 1000000em;}

.body2api {background:url(../images/top.png) 20px center no-repeat #2f3338}
.body2apino {background-color:#fff;}
.mainapi {margin:0 auto;padding-top:0px;position:relative;z-index:2;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%}
.body4api {background:url(../images/line_hor2.jpg) top repeat-x #eaeaea}
.mainapi600 {width:600px;margin: auto}

h5 {font-size:16px;font-weight:bold;font-weight:400;color:#eaeaea;padding:0 0 0 0;margin-bottom:10px}
h6 {background:url(../images/bot.png) -100px center no-repeat #33373d;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#fff;font-size:24px;font-weight:300;padding:25px 5px 6px 12px;margin-bottom:20px;line-height:38px;box-shadow:3px 3px 5px #a0a0a0;-moz-box-shadow:3px 3px 5px #a0a0a0;-webkit-box-shadow:3px 3px 5px #a0a0a0;}
.subtitle {padding:14px 22px;padding-top:0px;padding-bottom:4px;margin-bottom:15px}

.body5api {}

.apilogo {margin-left:0px;margin-top:0px}
a {color:#213952;text-decoration:underline;outline:none}
a:hover {text-decoration:none}

.boxedsub {overflow:hidden;margin-top:0px;background-color:#eaeaea;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:12px 12px 20px 12px;margin-bottom:0;}




/* system pages */

.login {width:100%;border-collapse:separate;margin-bottom:8px}
.login td {width:50%;text-align:left;padding-left:5px}
.login td:first-child {text-align:right;padding-right:5px;padding-left:0px}

.loginnote {padding:0;margin:0;text-align:center;margin-bottom:0px;font-style:italic}
.loginerror {padding:0;margin:0;text-align:center;margin-bottom:0px;color:#bb0000}
.loginsucc {padding:0;margin:0;text-align:center;margin-bottom:20px;color:#007700}
.loginpr {padding:0;margin:0;text-align:left;margin-bottom:20px;font-style:italic}

.padsub {overflow:hidden;padding:20px 40px 20px 40px}

.dispinput {outline:none; height:19px; padding-left:2px; padding-right:2px; border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.16s, box-shadow ease-in-out 0.25s; -webkit-transition: border-color ease-in-out 0.16s, box-shadow ease-in-out 0.25s; -moz-transition: border-color ease-in-out 0.16s, box-shadow ease-in-out 0.25s;}
.dispinput:focus, .dispinput:hover {border-color: #64aeea; box-shadow: 0 0 8px rgba(100, 174, 234, 0.6); -webkit-box-shadow: 0 0 8px rgba(100, 174, 234, 0.6); -moz-box-shadow: 0 0 8px rgba(100, 174, 234, 0.6)}




/* top links */

.toplinksapi {width:100%;position:relative;background:url(../images/toplinks.gif) bottom repeat-x #222222;margin:0;padding:3px 0px 3px 0px;z-index:4}
.toplinksapi .cont {width:580px;margin:auto;overflow:hidden}
.toplinksapi .cont .barleft {float:left;color:#e2e2e2;text-shadow:0px 0px 3px #000}
.toplinksapi .cont .barright {float:right;text-shadow:0px 0px 3px #000}
.toplinksapi .cont a {padding:1px 2px;text-decoration:none;color:#e2e2e2}
.toplinksapi .cont a:hover {background-color:#d8d8d8;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#303030;text-shadow:none}
.toplinksapi .sep {color:#646464}
.toplinksapi img {margin-top:4px;padding-right:4px}

.toplinksapi .cont .fblink {margin:0;padding:0;line-height:10px;background-color:transparent}
.toplinksapi .cont .fblink:hover {background-color:transparent}

.fblink .pdfimg {margin:0;padding:0;background-color:transparent;opacity:0.82}
.fblink .pdfimg:hover {opacity:1.0}



/* footer */

footer {color:#fff;text-align:center;padding:10px 0 0 0;height:60px}
footer a {color:#fff}
.footpad {margin-top:0px}
#footer_menu ul {width:100%;overflow:hidden;text-align:center}
#footer_menu li {display:inline;padding-right:21px;background:url(../images/footer_line.gif) right center no-repeat;margin-right:20px;overflow:hidden;line-height:28px}
#footer_menu .bg_none {background:none;padding:0;margin:0}
#footer_menu li a {display:inline-block;color:#4e4e4e;padding:0 10px;line-height:28px}
.disc {font-size:11px;line-height:14px;text-align:center;padding-top:6px;text-shadow: 0px 0px 3px #000}
.footleft {display:inline-block;margin: auto;margin-top:5px}
.footright {display:inline;float:right;margin-right:20px;margin-top:7px}
.footright span {display:inline-block;font-size: 15px;margin-top:3px;margin-right:10px;text-shadow: 0px 0px 3px #000}
.footleft img, .footright img {opacity:0.7;margin-right:2px;border:1px solid #222;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0px 0px 5px #111;-moz-box-shadow:0px 0px 5px #111;-webkit-box-shadow:0px 0px 5px #111;transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out}
.footleft img:hover, .footright img:hover {opacity:1.0}



/* progress bar */

#progressbar .ui-progressbar-value {
	background: #00ff00 url('../images/progress_green.gif') left center repeat-x;
	border-color: rgba(0,0,0,0.5);
	}

.progressofp {width:500px;margin:auto;margin-top:20px;height:40px;}
#curitem {display:block;float:left;font-size:14px;color:#dfdfdf;text-shadow:0px 0px 3px #000}
#curitem a {color:#fff;text-decoration:underline;outline:none;cursor:pointer}
#curitem a:hover {text-decoration:none}
#curpercent {display:block;float:right;font-size:14px;color:#dfdfdf;text-shadow:0px 0px 3px #000}
#timerem {display:block;float:left;font-size:12px;font-style:italic;margin-top:5px;margin-left:0px;color:#dfdfdf;text-shadow:0px 0px 3px #000}
.gobackcont {margin-top:25px;margin-bottom:20px}
#tempload {font-size:20px;font-weight:bold;color:red;padding:0;margin:0}



/* buttons */

.idssubmitapi { 
	outline:none;
	position: relative;
	display: inline-block;
	margin:4px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:2px 3px 2px 3px;

	background: #33373d url('../images/bot.png') center center;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border:2px solid #ffffff;
	color: #ffffff;
	font-size: 14px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 3px 3px 5px #222;
	-moz-box-shadow: 3px 3px 5px #222;
	box-shadow: 3px 3px 5px #222;

	text-decoration:none;

	line-height:20px;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	}

.idssubmitapi:hover {
	background-image: none;
	background-color: #1d84d3;
	cursor:pointer;
}	

.idssubmitapi:active {
	top: 1px; 
	left: 1px; 
}







/* New jQuery alert styling */

.alert
{
    font: 12px 'Open Sans', sans-serif;
    padding: 10px;
    text-align: left;
    width: 400px !important;
    word-wrap: normal;
    white-space: pre-line;
    overflow:hidden;
    height:auto;
    background:transparent;
}

.ui-dialog {
	background-color: #f5f5f5;
	border:6px solid white;
	overflow:hidden;
	height:auto;
	border-radius:0px;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.5);
	padding: 0px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 0px 5px;
	position: relative;
	font: 16px 'Open Sans', sans-serif;
	font-weight:400;
	height:26px;
	line-height:26px;
	background-color:#5e636a;
	background: #33373d url('../images/top.png') center center;
	color:white;
	text-shadow: 0px 0px 3px #000;
	border-color:#444;
	border-radius:0px;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: 0px 4px;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(../images/ids_menu_greet.png) 0px 1px no-repeat transparent;
	background-size: 23px 23px;
	padding-left:32px;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	padding-top:15px;
	padding-bottom:15px;
	background: transparent;
	overflow: hidden;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: 5px;
	font: 12px 'Open Sans', sans-serif;
	background:none;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	text-align:center;
	background:none;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
    padding: 0px;
    background: #444;
    border: 1px solid black;
    color: #ffffff;
    font-size: 13px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    line-height: 13px;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -webkit-appearance: none;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-shadow: 0px 0px 5px #111;
}
.ui-widget-content {
	background-color: #f5f5f5;
	background-image:none;
	border-color: rgba(0,0,0,0.5);
	background-color: rgba(0,0,0,0.5);
}
.ui-dialog .ui-dialog-buttonpane button:hover {
	background-color: #111;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 100%;
    top: -1px;
    padding: 1px;
    margin: 0;
    right: -1px;
    border-radius: 0;
    width: 26px;
    background: transparent;
    background-image:none;
    border: none;
    box-sizing: content-box;
    transition:background 0.1s ease;
    }

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
    background: #e81123;
    }

.ui-state-default .ui-icon {
    background-image: url(../images/ids_win_close.png);
    background-position: center;
    background-size: 18px;
    filter:drop-shadow(0px 1px 0px rgba(0,0,0,0.4));
    }

.ui-widget-overlay {
    opacity: 0.5;
    background: #26282a;
    }