/* GLOBAL */
body, div, span, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote, table, td, tr, tbody, label {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h3 {
	color: #6d6d6d;
	font-size: 25px;
	line-height: 28px;
	font-weight: normal;
	margin: 0 0 25px 0;
}
a {
	color: #1a1af4;
}	
a:hover {
	color: #24377b;
}
h4 {
	color: #6d6d6d;
	font-size: 25px;
	line-height: 28px;
	font-weight: normal;
	margin: 0 0 15px 0;
}
h5 {
	color: #6d6d6d;
	font-size: 20px;
	line-height: 22px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
p {
	color: #3d3d3d;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 20px 0;
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}
.clear {
	zoom: 1;
} 

/* BODY, MAIN CONTAINER */
body.home {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/repeating-stripes.jpg) repeat-x;
}
body.template {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/rep_stripes_cond.png) repeat-x;
}
#container {
	width: 960px;
	margin: 0 auto;	
}

/* HEADER */
#header {
	height: 75px;
	padding: 14px 0 11px 0;
}
#header h1 a { /* LOGO */
	display: block;
	width: 170px;
	height: 73px;
	float: left;
	background: url(../images/atma_logo.png);
	text-indent: -9999px;
}

/* CONTROL PANEL NAVIGATION */
#header div#control {
	text-align: right;
}
#header div#logged-in {
	color: #3d3d3d;
	font-size: 12px;
}
#header ul#nav {
	float: right;
	list-style: disc;
	color: #aaa;
	font-size: 12px;
	margin: 37px 0 0 0;
}
#header ul#nav li {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 30px;
}
#header ul#nav li:first-child {
	list-style: none;
}
#header ul#nav li a {
	font-size: 14px;
	color: #6d6d6d;
	text-decoration: none;
}
#header ul#nav li a:hover, #header ul#nav li a.active {
	color: #24377b;
}

/* LOGIN AREA */
#header div.login {
	width: 372px;
	float: right;
}
#header div.login form input {
	width: 136px;
	height: 23px;
	margin: 0 0 4px 0;
	padding: 2px 10px 0 10px;
	border: 0;
	font-size: 16px;
	color: #969696;
}
#header div.login form input.username {
	background: #dedede url(../images/input-username.png) bottom;
}
#header div.login form input.password {
	background: #dedede url(../images/input-password.png) bottom;
}
#header div.login form input.username.js-active {
	background: #dedede url(../images/input-username.png) top;
}
#header div.login form input.password.js-active {
	background: #dedede url(../images/input-password.png) top;
}
#header div.login form input.username.focus {
	background: #dedede url(../images/input-username.png) bottom;
}
#header div.login form input.password.focus {
	background: #dedede url(../images/input-password.png) bottom;
}		
#header div.login form input.submit {
	width: 52px;
	height: 25px;
	float: right;
	margin: 0px;
	background: url(../images/go-btn.jpg);
	text-indent: -9999px;
	cursor: pointer;
}			
#header div.login small {
	font-size: 12px;
	float: right;
}

/* FEATURE HEADER (Blue area on home page only) */
#feature-header {
	clear: both;
	height: 333px;
}
#feature-header div.feature-text {
	width: 431px;
	float: left;	
}
#feature-header div.feature-text h2 { /* SLOGAN */
	width: 402px;
	height: 96px;
	margin: 40px 0 13px 0;
	background: url(../images/slogan.png);
	text-indent: -9999px;
}
#feature-header div.feature-text p {
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	margin: 0 0 15px 0;
}
#feature-header div.feature-text p a {
	color: #fff;
	background: #6580cd;
	padding: 5px;	
	text-decoration: none;
}
#feature-header div.feature-text p a:hover {
	background: #24377b;	
}

/* FORUM BOX */
#feature-header div.featured-work {
	width: 529px;
	height: 174px;
	position: relative;
	top: 103px;
	left: -1px;
	background: url(../images/forum_box.png);
	float: right;
}
#feature-header div.subtext {
	position: relative;
	top: 96px;
	left: 119px;
}
#feature-header div.subtext p {
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	margin: 0 0 15px 0;
}
#feature-header div.forum-box {
	width: 490px;
	height: 100px;
	position: relative;
	background: white;
	top: 57px;
	left: 20px;
	z-index: 100;
}
#feature-header div.forum-box p {
	font-size: 12px;
}

/* MAIN CONTENT AREA */
#content {
	margin: 52px 0 50px 0;
}
#content-template {
	margin: 50px 0 20px 0;
	min-height: 650px;
}
#content #main {
	width: 610px;
	float: left;
	margin: 0 40px 0 0;	
}
#content #main div.atma-features {
	margin: 40px 0 0 0;	
}
#content #main div.atma-features ul.atma-features {
	width: 265px;
	float: left;
	list-style: none;	
	padding: 0 40px 0 0;
}
#content #main div.atma-features ul.atma-features li h5 {
	color: #6580cd;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 3px 0;	
}
#content #main div.atma-features p a.more-news {
	float: right;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/more-arrow.png) right 4px no-repeat;
	padding: 0 15px 0 0;
}

/* CONTENT SIDE BOX (Home page only) */
#content #side {
	width: 293px;
	float: left;
	margin: 0 0 0 17px; 
	background: url(../images/sidebar-top.jpg) no-repeat;
}
#content #side div.featured-project {
	padding: 24px 17px 10px 17px;
	background: url(../images/sidebar-bottom.jpg) bottom no-repeat;
}
#content #side div.featured-project h3 {
	font-size: 32px;
	letter-spacing: -1px;
	margin: 0 0 20px 0;	
}
#content #side div.featured-project a h3 {
	color: #1a1af4;
	text-decoration: underline;
}	
#content #side div.featured-project a:hover h3 {
	color: #24377b;
}
#content #side div.featured-project img.featured-website {
	display: block;
	margin: 0 auto;
	border: 1px solid #dfdfdf;	
}
#content #side div.featured-project a.see-more-btn {
	display: block;
	width: 228px;
	height: 41px;
	margin: 0 auto;
	background: url(../images/seemorework-btn.jpg) top;
	text-indent: -9999px;
}
#content #side div.featured-project a.see-more-btn:hover {
	background: url(../images/seemorework-btn.jpg) bottom;
}

/* FOOTER */
#footer-container {
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
}
#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 0 0 0;
	text-align: center;
	background: url(../images/footer-shadow.jpg) center top no-repeat;
}
#footer p {
	font-size: 12px;
}
#footer p span {
	font-size: 8px;
}

/* CONTROL PANEL */
table.control-table {
	margin: 0 0 10px 0;
}
table.control-table td {
	padding: 0 25px 5px 0;
}
table.control-table td label {
	color: #3d3d3d;
	font-size: 14px;
	line-height: 18px;
}
table.control-table tr.control-header td span {
	text-decoration: underline;
}
table.control-table td.code {
	font-family: Courier New, Courier;
}

table.performance_categories { 
	width : 100%; 
	margin-left: 15px;
}

td.perf-disable { 
	color: gray;
} 

.perf_body a.perf-link { 
	color: #1A1AF4;
} 

.merc_details { 
	margin-bottom: 20px;
} 

.hov_details { 
	clear: both;
} 

.pat_details { 
	clear: both;
} 

.detail-box h5 { 
	font-size: 16px;
} 

.success {
	color: #45c64e;
}
.error {
	margin: 20px 0 0 0;
	color: #f02525;
}

.ajax_msg { 
	margin-top : 15px;
} 
#demo_iframe { 
	border: 1px solid #bbb;
	height: 170px;
	width: 570px;
} 
#code_seg {
	width: 500px;
	height: 140px;
}
.paginator { 
	cursor : pointer; 
	margin-top : 15px; 
} 

.country_icon { 
	margin-right : 15px;
	position: relative;
	top : 1px;
}

/* MISC */
#ui-datepicker-div {
	display: none;
}

/* OLD */

/* Control Globals */ 
table.users { 
	margin-left:150px;
	width:500px;
} 

input[type="text"].disabled { 
	background-color:lightgray; 
}

/* Registration */ 

.reg_title {
	padding:10px;
}

.register_content { 
	width: 900px; 
}