﻿.welcome-text
{
	color: #666666;
}
.title1
{
	color: #353c94;
	font-size: 36px;
	font-weight: bold;
}
.title2
{
	color: #353c94;
	font-size: 26px;
}
.horizontal-r
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	width: 820px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.box
{
	border-style: none;
	padding-right: 20px;
	width: 360px;
	height: auto;
	float: left;
	text-align: center;
	margin-left: 10px;
}
.box .box-large-blue
{
	background-color: #353c94;
	width: 360px;
	height: 60px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.box .box-large-blue .title-white
{
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}
.box .box-large-blue .tl
{
	background-image: url('images/gui/blue-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float: left;
}
.box .box-large-blue .tr
{
	background-image: url('images/gui/blue-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
	float: right;
}
.box .box-large-gray
{
	border-width: 2px;
	border-color: #F2F2F2;
	background-color: #d1d2d2;
	width: 360px;
	height: auto;
	border-top-style: solid;
	float: left;
	color: #000000;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
}

.box .box-large-gray .bottom
{
	width: 360px;
	background-color: #d1d2d2;
	float: left;
	height: 10px;
}
.box .box-large-gray .bl
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
 float : left;
}
.box .box-large-gray .br
{
		background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
		float: right;
}
.box ul
{
	padding: 0px;
	margin: 10px 0px 0px 40px;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url('images/gui/list-circle.gif');
	font-size: 12px;
	text-align: left;
}
.box1
{
	border-style: none;
	padding-right: 0px;
	width: 360px;
	height: auto;
	float: left;
	text-align: center;
}
.box1 .box-large-blue
{
	background-color: #353c94;
	width: 360px;
	height: 60px;
	float: left;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.box1 .box-large-blue .title-white
{
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
}
.box1 .box-large-blue .tl
{
	background-image: url('images/gui/blue-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float: left;
}
.box1 .box-large-blue .tr
{
	background-image: url('images/gui/blue-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
	float: right;
}
.box1 .box-large-gray
{
	border-width: 2px;
	border-color: #F2F2F2;
	background-color: #d1d2d2;
	width: 360px;
	height: auto;
	border-top-style: solid;
	float: left;
	color: #000000;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
}

.box1 .box-large-gray .bottom
{
	width: 360px;
	background-color: #d1d2d2;
	float: left;
	height: 10px;
}
.box1 .box-large-gray .bl
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
 float : left;
}
.box1 .box-large-gray .br
{
		background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
		float: right;
}
.box1 ul
{
	padding: 0px;
	margin: 10px 0px 0px 40px;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url('images/gui/list-circle.gif');
	font-size: 12px;
	text-align: left;
}
/* login screen 1*/
.small-box
{
	width: 170px;
	padding-left: 20px;
	padding-right: 180px;
	float: left;
}
.small-box a
{
	font-size: 12px;
	color: #666666;
}
.small-box a:hover
{
	font-size: 12px;
	color: #3333CC;
}
.small-box .blue
{
	border-style: solid;
	border-width: 2px;
	border-color: #353c94;
	background-color: #353c94;
	width: 170px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
}
.small-box .white
{
	border: 2px solid #353c94;
	width: 170px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
.small-box1
{
	width: 170px;
	padding-left: 17px;
	float: left;
	margin-top: 0px;
	padding-right: 17px;
}
.small-box1 a
{
	font-size: 12px;
	color: #666666;
}
.small-box1 a:hover
{
	font-size: 12px;
	color: #3333CC;
}
.small-box1 .blue
{
	border-style: solid;
	border-width: 2px;
	border-color: #353c94;
	background-color: #353c94;
	width: 170px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 5px;
}
.small-box1 .white
{
	border: 2px solid #353c94;
	width: 170px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
		background-color: #FFFFFF;

}
.gray-box
{
	width: 210px;
	margin-left: 10px; /*margin-right: 180px;*/
	float: left;
	height: auto;
	background-color: #d1d2d2;
	margin-top: 20px;
	position: relative;
	top: 0px;
	left: -9px;
}
.gray-box .title-1
{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #353c95;
	font-size: 17px;
	font-weight: bold;
}
.gray-box .tl
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float: left;
}
.gray-box .tr
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
	float: right;
}
.gray-box .bl
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
	float: left;
}
.gray-box .br
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
	float: right;
}
.gray-box1
{
	width: 210px;
	margin-left: 150px; /*margin-right: 180px;*/
	float: left;
	height: auto;
	background-color: #d1d2d2;
	margin-top: 0px;
}
.gray-box1 .title-1
{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #353c95;
	font-size: 17px;
	font-weight: bold;
}
.gray-box1 .tl
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 10px;
	height: 10px;
	float: left;
}
.gray-box1 .tr
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 10px;
	height: 10px;
	float: right;
}
.gray-box1 .bl
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width: 10px;
	height: 10px;
	float: left;
}
.gray-box1 .br
{
	background-image: url('images/gui/gray-circle.jpg');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	width: 10px;
	height: 10px;
	float: right;
}
.dashed-v-line
{
	border-right-style: dashed;
	border-right-width: 2.5px;
	border-right-color: #000000;
	float: left;
	width: 50px;
	height: 20px;
	margin-left: 50px;
}
.center-box
{
	position: relative;
	width: 167px;
	height: 116px;
	float: left;
	top: -514px;
	left: 327px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}
.center-box1
{
	position: relative;
	width: 154px;
	height: 50px;
	float: left;
	top: -215px;
	left: 162px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.center-box2
{
	position: relative;
	width: 154px;
	height: 50px;
	float: left;
	top: -171px;
	left: 162px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
