/*
 * TopMark Products CSS
 * Author: Alex Osborn, alex.f.osborn@gmail.com
 * Version: 26 May 08
 *
 */
 
body {
	background:				#39474f;
}

.container {
	margin:					0px auto 0px auto;
	background:				#ffffff;
	width:					750px;
}

.header {
	margin: 				0px auto 10px auto;
	padding: 				0 0 0 0;
	background: 			url('/images/redesign/header.jpg') top left no-repeat;
	width: 					750px;
	height: 				185px;
}

.footer {
	text-align: 			center;
	margin: 				0 auto 0px auto;
	padding: 				0 0 20px 0;
	font-size: 				0.9em;

}

.footer li {
	display: 				inline;
	padding: 				0 5px 0 5px;
}

.footer li a {
	color: 					#ffffff;
	border-bottom: 			1px dotted #ffffff !important;
	border-bottom: 			1px solid #ffffff;
}

.menu {
	text-align: 			center;
	font: 					1.2em Arial, Helvetica, sans-serif;
	font-weight:			bold;
	letter-spacing: 		-0.5px;
	text-transform: 		uppercase;
}

.menu a {
	color: 					#ffffff;
	border: 				none !important;
	border: 				none;
	padding: 				2px;
	-mox-text-shadow: 0px 1px 1px rgba(0,0,0,0.35);
	-webkit-text-shadow: 0px 1px 1px rgba(0,0,0,0.35);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.35);
}

.menu a:hover, .menu a:focus  {
	color: 					#afe47b;
}

.menu li {
	display: 				inline;
	padding: 				10px 6px;
}

.footer-background {
	background:				url('/images/redesign/footer.jpg') top left no-repeat;
	width: 					750px; 
	height: 				85px; 
}

#homepage-slideshow {
	width: 700px;
	height: 155px;
	margin: 10px auto 0px;
}

#homepage-slideshow li {
	width: 700px;
	height: 155px;
}

#homepage-slideshow li.hidden {
	display: none;	
}

#homepage-slideshow li a {
	text-decoration: none;
	border-bottom: none !important;
}

#slider ul li {
	/*line-height: 88px;*/
	width: 152px;
	font-size: 12px;
	float: left;
	line-height: 88px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
}

#homepage-slider-wrapper {
	width: 750px; 
	margin: 10px auto 20px; 
	height: 88px; 
	background: #ffffff url(../images/home/slide-background.jpg) no-repeat left top;	
}

#sliderPrev {
	width: 66px; 
	height: 88px; 
	float: left; 
	background: url(../images/home/slide-left.jpg) no-repeat left top; 
	cursor: pointer;	
}

#slider {
	width: 608px; 
	height: 88px; 
	float: left; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	overflow: hidden;	
}

#slider ul {
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	width: 2432px;
}

#sliderNext {
	width: 76px; 
	height: 88px; 
	float: left; 
	background: url(../images/home/slide-right.jpg) no-repeat left top; 
	cursor: pointer;	
}

#slider ul li a {
	height: 88px;
	float: left;
	display: block;
	line-height: 88px;
	text-decoration: none;
	width: 152px;
	color: #2aafff;
	text-align: center;
}

#slider ul li a img {
	vertical-align: middle;	
}

#slider ul li a span {
	border-bottom: 1px dotted #CC9999;
}

#newsletter-subscription {
	height: 30px;
	width: 540px;
	padding: 10px 0 0 210px;
	margin: 0 0 114px 0;
}

#newsletter-subscription span {
	display: block;
	height: 30px;
	line-height: 29px;
	float: left;
	color: #999;
	font-weight: bold;
	font-size: 11px;
	margin: 0 20px 0 0;
}

#newsletter-subscription form {
	height: 30px;
	float: left;
}

#newsletter-subscription form label {
	height: 30px;
	line-height: 29px;
	float: left;
	display: block;
	color: #ccc;
	font-weight: bold;
	font-size: 11px;
	margin: 0 5px 0 0;
}

#newsletter-subscription form input.field {
	float: left;
	background: #505050;
	border: 1px solid #666;
	width: 100px;
	font-size: 11px;
	line-height: 15px;
	padding: 3px 2px;
	margin: 4px 10px 5px 0;
	color: #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#newsletter-subscription form input.submit {
	float: left;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	background: #33CC00;
	text-align: center;
	font-size: 12px;
	line-height: 21px;
}

.small {
	font-size: 11px;
}

.reference-title {

}

table.results-list {
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 18px;
    padding: 0;
    width: 100%;
}
table.results-list th, table.results-list td {
    line-height: 18px;
    text-align: left;
}
table.results-list th {
    font-weight: bold;
    padding-top: 9px;
    vertical-align: middle;
}
table.results-list td {
    border-top: 1px solid #DDDDDD;
    vertical-align: top;
}
table.results-list tbody th {
    border-top: 1px solid #DDDDDD;
    vertical-align: top;
}

table.results-list a {
    display: block;
    height: 100%;
    border-bottom: none !important;
    color: #333;
    padding: 10px 10px 9px;
}
table.results-list td.right {
    text-align: right;
}

table.results-list td.right a {
    text-align: right;
}

table.results-list tr:hover td {
    background: #eee;
    color: #000;
}

.white {
	color: #ffffff;
}

.reference-login {
	background: #ffffff;
	border: 1px solid #eeeeee;
	padding: 2px;
	width: 120px;
	font-size: 12px;
}

.reference-button {
	background: #ffffff;
	border: 1px solid #eeeeee;
	padding: 2px;
	font-size: 12px;
}

.tips {
	padding: 0 20px;	
}

.paging-wrapper {
    text-align: right;
    overflow: auto;
    margin: 0px 0;
}

.reference-header {
 
    
}



.app-form .btn.success, .app-form .alert-message.success {
    background-color: #57A957;
    background-image: -moz-linear-gradient(center top , #62C462, #57A957);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.app-form btn.danger, .app-form .alert-message.danger, .app-form .btn.danger:hover, .app-form .alert-message.danger:hover, .app-form .btn.error, .alert-message.error, .btn.error:hover, .alert-message.error:hover, .btn.success, .alert-message.success, .btn.success:hover, .alert-message.success:hover, .btn.info, .alert-message.info, .btn.info:hover, .alert-message.info:hover {
    color: #FFFFFF;
}

.app-form .btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.1s linear 0s;
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-repeat: no-repeat;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.app-form .btn.small {
    font-size: 11px;
    padding: 7px 9px;
}

.app-form .btn:hover {
    background-position: 0 -15px;
}

.pagination {
    height: 36px;
    margin: 18px 0;
}
.pagination ul {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    float: left;
    margin: 0;
}
#main-content .pagination ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.pagination li {
    display: inline;
}
.pagination a {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none;
    border-bottom: none !important;
    color: #2AAFFF;
}
.pagination a:hover, .pagination .active a {
    background-color: #C7EEFE;
    color: #2AAFFF;
}
.pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #BFBFBF;
}
.pagination .next a {
    border: 0 none;
}

.pagination-info {
    float: right;
    height: 36px;
    line-height: 36px;
    margin: 18px 0;
}

.well {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}
.well blockquote {
    border-color: rgba(0, 0, 0, 0.15);
}

.app-form .input-xlarge, .app-form input.xlarge,.app-form  textarea.xlarge, .app-form select.xlarge {
    width: 270px;
}

.app-form input, .app-form textarea {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.app-form input, .app-form textarea, .app-form select, .app-form .uneditable-input {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 4px;
    width: 210px;
}

.app-form input, .app-form textarea {
    background: #fff;
}

.app-form textarea {
    width: 250px;
    height: 60px;
}


.reference-header select, .app-form select {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #808080;
    display: inline-block;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    padding: 4px;
    width: 210px;
    
}


.reference-header .btn {
    width: auto;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    height: auto;
    width: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

form .clearfix:after {
    clear: both;
}

form .clearfix:before, form .clearfix:after {
    content: "";
    display: table;
}

form .clearfix:before, form .clearfix:after {
    content: "";
    display: table;
}

form .clearfix {
    margin-bottom: 18px;
}
  

.app-form label {
    color: #404040;
    float: left;
    font-size: 13px;
    line-height: 18px;
    padding-top: 6px;
    text-align: right;
    width: 130px;
}

.app-form label, .app-form input, .app-form select, .app-form textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
}

.app-form .input {
    margin-left: 150px;
}

.app-form .actions {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #DDDDDD;
    margin-bottom: 18px;
    margin-top: 18px;
    padding: 17px 20px 18px 150px;
}

.app-form .btn.primary {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    height: 29px;
}

#maincol-content .app-form {
    width: 500px;
    float: left;
}