﻿/* =Basic styles 
-----------------------------------------------------------------*/
html, body {
	height: 100%;
	background: url(../images/layout/background.png) top left repeat-x #529fc6;
}

body {
	margin: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

input, 
button, 
select {
	font-family: Arial, Verdana, sans-serif;
	vertical-align: middle;
}

a:link, a:visited {
	color: #2a75d6;
	text-decoration: none;
}

a:hover, a:visited:hover, span.link:hover {
	text-decoration: underline;
}

a.grayed:link, a.grayed:visited {
	color: Gray;
}

a.grayed:hover, a.grayed:visited:hover {
	color: #fff !important;
	background-color: Gray;
}

a.static, a.static:hover, a.static:visited:hover {
	background-color: Transparent;
}

a.simple, a.simple:visited {
	background: none;
	color: #2a75d6;
	text-decoration: underline;
}

a.simple:hover, a.simple:visited:hover {
	background: none;
	color: #DD5141;
	text-decoration: underline;
}

a strong {
	padding: 0 1px;
}

a img {
	vertical-align: middle;
}

em {
	font-style: italic;	
}

.link {
	cursor: pointer;
	color: #2a75d6;
}

.link:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

img.icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

img.smallButton {
	cursor: pointer;
	vertical-align: middle;
}

form {
	padding: 0;
	margin: 0;
}

fieldset {
	padding: 10px;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.4;
}

div.text {
	line-height: 1.4;
}

table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}


table th {
	text-align: left;
	padding-top: 3px;
	vertical-align: top;
}

table td {
	vertical-align: top;
}

textarea {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}


textarea.code {
	font-family: Courier New;
}

/* =Messages
----------------------------------------------------------------------------*/
#messageOk, 
#messageWarning {
	line-height: 29px;
	width: 965px;
	text-align: center;
	position: absolute;
	padding-bottom: 5px;
}

#messageOk {
	background: url(../images/message-info.png) top left repeat-x;
}

#messageWarning {
	background: url(../images/message-warning.png) top left repeat-x;
}



/* =Content
----------------------------------------------------------------------------*/
#container {
	width: 965px;
	margin: 0 auto;
}

#wires {
	
}

#container .column-left {
	width: 164px;
}

#content {

}

#main .column-left {
	vertical-align: top;	
}

#content-service {
	float: right;
}

#content-1 {
	padding-top: 8px;
	padding-bottom: 6px;
	height:1%;
	background: #FFF;
}

#content-2{
}

#content-3 {
	padding: 5px 13px 10px 13px;
}

#content-header {
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 4px;
}

#content-header h1 {
	color: #da6d4c;
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 32px;
	margin-left: -0;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	text-transform: uppercase;
}

#content-explicit {
	min-height: 400px;
}

#content h2 {
	font-size: 140%;
	color: #5b5b5b;
	margin: 0 0 10px 0;
	padding: 0;
}

#content ul.simple {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

#content ul.simple li {
	padding-bottom: 10px;
}

#content-footer {
	font-size: 11px;
	color: #FFF;
	text-align: center;
	background: url(../images/layout/background-footer.png) no-repeat top left;
	padding-top: 10px;
}

#content-footer a {
	color: #FFF;
	text-decoration: underline;	
}

/* =Breadcrumbs
---------------------------------------------------------------------------*/

#breadcrumbs {
	display: none;
	border-bottom: 1px solid #dbdbdb;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	color: #bababa;
}

#breadcrumbs a {
	text-decoration: none;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #bababa;
}

#breadcrumbs a:hover, #breadcrumbs a:visited:hover {
	text-decoration: underline;
	color: #2a75d6;
	background-color: White;
}

#breadcrumbs ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#breadcrumbs ul li {
	float: left;
	padding-right: 14px;
	background: url(../images/layout/breadcrumb_arrow.gif) no-repeat right center;
}

/* =Navigation 
------------------------------------------------------------------*/


#navigation-inside ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navigation-inside .group {
	float: left;
	height: 72px;
	background: url(../images/layout/separator.png) no-repeat left center;
	margin-right: 10px;
}

#navigation-inside .group-title {
	font-weight: bold;
	font-size: 11px;
	color: #4b515d;
	text-transform: uppercase;
	padding-top: 19px;
	padding-left: 22px;
	line-height: 1;
	font-family: "Trebuchet MS", ARial, Tahoma, sans-serif;
	padding-bottom: 5px;
}

#navigation-inside .group ul {
	margin: 0;
	list-style: none;
	float: left;
	padding: 0 0 0 14px;
	line-height: 1;
}

#navigation-inside .group ul li {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 10px;
	font-size: 13px;
	line-height: 24px;
}

#navigation-inside .group ul li:first-child{
	margin-left: 8px;	
}

#navigation-inside .group ul li.active:first-child {
	margin-left: 8px;	
}

#navigation-inside .group ul li a {
	text-decoration: underline !important;
	float: left;
	color: #2a75e4;
	cursor: pointer;
}

#navigation-inside .group ul li a span {
	float: left;
	text-decoration: underline;
}

#navigation-inside .group ul li.active a {
	font-weight: bold;	
}

#navigation-inside .group ul li.active a{
	background: url(../images/layout/activeitem.png) no-repeat top left;	
	text-decoration: none !important;
}

#navigation-inside .group ul li.active a span {
	background: url(../images/layout/activeitem.png) no-repeat top right;	
	color: #FFF !important;
	padding: 0 8px;
	text-decoration: none !important;
}

#navigation-inside .group ul li a:hover,
#navigation-inside .group ul li a:visited:hover {
	color: #DD5141 !important;
}


#navigation-inside .group ul li.disabled a{
	color:Gray;
	text-decoration: none;
}

/* =Header
--------------------------------------------------------------------*/

#header {
	color: #e2ebf6;
	line-height: 1;
}

#header a {
	color: #FFFFFF;
}

#header td {
	vertical-align: middle;
}

#header .column-right {
	height: 38px;
}


/* =Header call for action
--------------------------------------------------------------------*/
#header-call {
	text-align: center;
	vertical-align: middle;
}

/* =Header Message
--------------------------------------------------------------------*/
#header-message {
	padding-right: 5px;
}

#header-message .header {
	padding-bottom: 4px;
	line-height: 1;
}

#header-message .header strong {
	color: #FFF;	
}

#header-message .description {
	line-height: 1;
}

#header-message .button {
	float: right;
	padding-right: 5px;
}

/* =Header Components
--------------------------------------------------------------------*/
#header-components {
	text-align: right;
	width: 500px;
	padding-right: 10px;
}

#header-components ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#header-components ul li {
	display: inline;
	padding: 0 5px;
}

#header-components ul li.last {
	padding-right: 0;
	border-right: 0;
}

#header-components a {
	text-decoration: underline;	
}

#header-components a:hover,
#header-components a:visited:hover {
	text-decoration: none;	
}

/* =Options UL
-----------------------------------------------------------------------------------*/
ul.options { margin: 0; padding: 0; margin-bottom: 10px;}
ul.options li { list-style: none; margin: 0; padding: 0 0 5px 9px; background: url(../images/pulk.png) no-repeat 0px 5px ; }
ul.options li.group-end { padding-bottom: 15px; }

#navigation {
	height: 72px;	
}

#navigation>td {
	background: url(../images/layout/background-header.png) no-repeat;
	background-color: transparent;
}

/* Buttons
-----------------------------------------------------------------------------------*/
.nsm { 
	border: 1px solid #c3c3c3;
	border-top-color: #D5D5D5;
	background: url(../images/buttons/bg.png) #ffffff repeat-x  left 0px;
	padding: 5px 15px;
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	width:auto;
	overflow:visible;
	line-height: 1.2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	margin: 0;
	outline: 0 none;
	vertical-align: middle;
	
	-moz-box-shadow: 0 0 1px #DDD;
	-webkit-box-shadow: 0 0 1px #DDD;
	-ms-box-shadow: 0 0 1px #DDD;
	box-shadow: 0 0 1px #DDD;
	
	/* IE7 */
	*padding-top: 3px;
	*padding-bottom: 3px;
}
	
.nsm:hover {
	padding: 5px 15px;
	background: url(../images/buttons/bg.png) #ffffff repeat-x  left -30px;
	
	-moz-box-shadow: 0 0 2px #00a7ff;
	-webkit-box-shadow: 0 0 2px #00a7ff;
	-ms-box-shadow: 0 0 2px #00a7ff;
	box-shadow: 0 0 2px #00a7ff;
	
	border: 1px solid #84bbe1;
	border-top-color: #aed8f5;
	
	/* IE7 */
	*padding-top: 3px;
	*padding-bottom: 3px;
}
	
.nsm:active {
	border: 1px solid #AAA;
	background: url(../images/buttons/bg.png) #ffffff repeat-x  left -60px;
	outline: none;
	padding: 6px 15px 4px 15px;
	color: #333;
	
	-moz-box-shadow: 0 0 1px #BBBBBB;
	-webkit-box-shadow: 0 0 1px #BBBBBB;
	-ms-box-shadow: 0 0 1px #BBBBBB;
	box-shadow: 0 0 1px #BBBBBB;
}

.nsm:focus {
	border: 1px solid #00a7ff;
	background: url(../images/buttons/bg.png) #ffffff repeat-x  left -30px;
	outline: none;
	color: #333;
	
	-moz-box-shadow: 0 0 2px #00a7ff;
	-webkit-box-shadow: 0 0 2px #00a7ff;
	-ms-box-shadow: 0 0 2px #00a7ff;
	box-shadow: 0 0 2px #00a7ff;
	
	border: 1px solid #84bbe1;
	border-top-color: #aed8f5;
}
	
.nsm:focus * {
	outline: none;	
}

.nsm::-moz-focus-inner { 
	border: 0; 
}

