/* Here Start CSS for Main Content
-------------------------------------------------------------------------------------------------- */

.main_content_white {
    min-height: 490px;
    float: left;
    width: 621px;
    overflow: hidden;
    background: #fff !important;
    padding: 15px 20px;
	font-family: Tahoma, sans-serif;
}

.main_content_white img {
	text-align: center;
	margin: 0 auto;
	display: block;
}

/*  Breadcrumb  */
.main_content_white .breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.main_content_white .breadcrumb li {
	float: left;
	font-size: 13px;
	color: #383838;
	font-family: 'Helvetica', Arial, sans-serif;
}

.main_content_white .breadcrumb li::after {
	content: '>';
	margin: 0 5px;
}

.main_content_white .breadcrumb li:last-child::after {
	content: '';
	margin: 0;
}

.main_content_white .breadcrumb li:last-child {
	font-weight: bold;
}

.main_content_white .breadcrumb li a {
	color: #383838;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	font-family: 'Helvetica', Arial, sans-serif;
}

.main_content_white .breadcrumb li a:hover {
	text-decoration: underline;
}

/*  Headline  */
.main_content_white .con_title {
	margin-top: 30px;
	text-transform: none !important;
}

/*  Paragraph  */
.main_content_white p {
	margin: 15px 0;
}

/*  Link  */
.main_content_white a {
	font-size: 13px;
	font-weight: bold;
	color: #1984b3;
	text-decoration: underline;
}
.main_content_white a:hover {
	color: #333;
}

/*  Tabs  */
.main_content_white .tabs {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: inline-block;
}

.main_content_white .tabs li {
	margin: 0;
	padding: 0;
	float: left;
}

.main_content_white .tabs li a {
	margin: 0 3px;
	padding: 5px 3px;
	font-family: 'Helvetica', Arial, sans-serif;

	font-size: 11px;
	font-weight: bold;
	color: #383838;
	text-decoration: none;

	background: rgb(240, 240, 240);
	background: -moz-linear-gradient(270deg, rgb(240, 240, 240) 35%, rgb(203, 203, 203) 70%);
	background: -webkit-linear-gradient(270deg, rgb(240, 240, 240) 35%, rgb(203, 203, 203) 70%);
	background: -o-linear-gradient(270deg, rgb(240, 240, 240) 35%, rgb(203, 203, 203) 70%);
	background: -ms-linear-gradient(270deg, rgb(240, 240, 240) 35%, rgb(203, 203, 203) 70%);
	background: linear-gradient(180deg, rgb(240, 240, 240) 35%, rgb(203, 203, 203) 70%)

	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.48);
	-moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.48);
	box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.48);

	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.main_content_white .tabs li a:hover,
.main_content_white .tabs li .selected,
.main_content_white .tabs li .selected:hover {
	color: #fff;

	background: rgb(136, 180, 0);
	background: -moz-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: -webkit-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: -o-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: -ms-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: linear-gradient(0deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
}

/*  Tabs Content  */
.main_content_white .tab_content {
	position: relative;
	background: url(../images/tab_content_bg.jpg) repeat-x top left #fff;
	width: 621px;
	display: inline-block;
	top: -20px;
	left: -20px;
	padding: 0 20px 20px 20px;
}

.main_content_white h3 {
	color: #7ba300;
	font-size: 16px;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	margin: 20px 0;
}

.main_content_white h3:first-child {
	display: block;
}

.main_content_white h4 {
	color: #6fa8c8;
	font-size: 15px;
	font-weight: bold;
}

.main_content_white .tab_content p,
.main_content_white .steps p {
	margin: 0 0 20px 0;
	font-size: 12px;
	color: #383838;
}

.main_content_white .tab_content img,
.main_content_white .steps img {
	float: left;
	margin: 0 5px 5px 0;
}

.main_content_white .tab_content ul
/*.main_content_white .steps ul*/ {
	margin: 0 20px;
	width: 200px;
	float: left;
}

.main_content_white .tab_content ul li
/*.main_content_white .steps ul li*/ {
	font-size: 12px;
	color: #7ba300;
	list-style-image: url(../images/bullet.png);
	margin-bottom: 10px;
}

.main_content_white .tab_content ul li a
/*.main_content_white .steps ul li a*/ {
	font-size: 12px;
	color: #7ba300;
	text-decoration: none;
	font-weight: normal;
}

.main_content_white .tab_content ul li a:hover,
.main_content_white .steps ul li a:hover {
	text-decoration: underline;
}

.main_content_white .tab_content ul li a:after,
.main_content_white .steps ul li a:after {
	content: url(../images/bullet-arrow.png);
	margin: 0 5px;
	vertical-align: middle;
}

.main_content_white .tab_content p a,
.main_content_white .steps p a {
	font-size: 12px;
	color: #7ba300;
	text-decoration: none;
	font-weight: normal;
}

.main_content_white .tab_content p a:hover,
.main_content_white .steps p a:hover {
	text-decoration: underline;
}

.main_content_white .tab_content p a:after,
.main_content_white .steps p a:after {
	content: url(../images/bullet-arrow.png);
	margin: 0 5px;
	vertical-align: middle;
}

.main_content_white .steps .con_title {
	margin: 20px 0;
}


.topul{
	margin: 0 20px;
	width: 200px;
	float: left;
}

.topul li{
	font-size: 12px;
	color: #7ba300;
	list-style-image: url(../images/bullet.png);
	margin-bottom: 10px;
}

.topul li a{
	font-size: 12px;
	color: #7ba300;
	text-decoration: none;
	font-weight: normal;
}

.main_content_white .steps ul {
	margin: 0 20px 20px 20px;
}

.main_content_white .steps ul li {
	font-size: 12px;
	color: #00233B;
	list-style-type:disc;
	margin-bottom: 10px;
}

.main_content_white .steps ul li a {
	font-size: 13px;
	font-weight: bold;
	color: hsl(198, 75%, 40%);
	text-decoration: underline;
}
.main_content_white .steps ul li a:after {
	content:none;
}

.main_content_white .cst ul {
	margin: 0 20px 20px 20px;
}

.main_content_white .cst ul li {
	font-size: 12px;
	color: #00233B;
	list-style-type:disc;
	margin-bottom: 10px;
}

.main_content_white .cst ul li a {
	font-size: 13px;
	font-weight: bold;
	color: hsl(198, 75%, 40%);
	text-decoration: underline;
}
.main_content_white .cst ul li a:after {
	content:none;
}

/* Here Start CSS for Side Bar Toolbox
-------------------------------------------------------------------------------------------------- */

.sidebar_toolbox {
	width: 292px;
	float: right;
	display: inline-block;
}

.sidebar_toolbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar_toolbox ul li a {
	color: #fff;

	padding: 7px 20px;
	font-size: 20px;
	width: 252px;
	display: inline-block;
	
	background: rgb(86, 181, 223);
	background: -moz-linear-gradient(90deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
	background: -webkit-linear-gradient(90deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
	background: -o-linear-gradient(90deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
	background: -ms-linear-gradient(90deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
	background: linear-gradient(180deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
}

.sidebar_toolbox ul li a:hover,
.sidebar_toolbox ul li .selected,
.sidebar_toolbox ul li .selected:hover {
	font-weight: bold;

	position: relative;
	z-index: 10;
	
	background: rgb(136, 180, 0);
	background: -moz-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: -webkit-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: -o-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: -ms-linear-gradient(270deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	background: linear-gradient(0deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);

	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.48);
	-moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.48);
	box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.48);
}

.sidebar_toolbox ul li a h3 {
	padding: 7px 10px 0 20px;
}

.sidebar_toolbox ul li a:hover h3,
.sidebar_toolbox ul li .selected h3,
.sidebar_toolbox ul li .selected:hover h3 {
	font-weight: bold;
}

.sidebar_toolbox ul li a p {
	padding: 0 10px 7px 20px;
	font-size: 14px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,
	.sidebar_toolbox ul li a:hover,
	.sidebar_toolbox ul li .selected,
	.sidebar_toolbox ul li .selected:hover {
		background: rgb(136, 180, 0);
		background: -moz-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: -webkit-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: -o-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: -ms-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: linear-gradient(0deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	}


	::i-block-chrome,
	.sidebar_toolbox ul li a {
		background: rgb(86, 181, 223);
		background: -moz-linear-gradient(270deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
		background: -webkit-linear-gradient(270deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
		background: -o-linear-gradient(270deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
		background: -ms-linear-gradient(270deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
		background: linear-gradient(180deg, rgb(86, 181, 223) 30%, rgb(21, 129, 176) 70%);
	}


	::i-block-chrome,
	.main_content_white .tabs li a:hover,
	.main_content_white .tabs li .selected,
	.main_content_white .tabs li .selected:hover {
		background: rgb(136, 180, 0);
		background: -moz-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: -webkit-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: -o-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: -ms-linear-gradient(90deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
		background: linear-gradient(0deg, rgb(136, 180, 0) 40%, rgb(202, 232, 0) 71%);
	}
}