/* CSS Document */
body, html{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	/*color:#243e90;*/
	color:#013989;
/*	color:#013b8d;    
/*	color:#333399;*/
	margin:0px; 
	padding:0px; 		
	background-image:url(../images/bgnd.jpg);
	background-repeat:repeat-x;	
	background-position:top;
	background-color:#e0f0fc;
	/*background-color:#999999;*/
}

body {


	
}

div {
	margin:0px;
	padding:0px;
}

h1{
	font-size:18px;
	margin:0px;
	padding:3px 5px 3px 13px;
	/*color:#779162;*/
	color:#445101;
}
h2{
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:4px 4px 20px 7px;
}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:4px 4px 4px 7px;

	color:#74890C;
}
p{
	font-size:12px;
	line-height:16px;
	margin:0px;
	padding:4px 0px 4px 18px;
}
	
a:link, a:visited{
	font-size:11px;
	color:#013989;
	text-decoration:underline;
}
a:hover, a:active{
	color:#233118;
}
a img{
	border:none;
}
.clearBoth{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
li{
	
}
/* common - main layer, header , menu, footer */
#main{	
	width:1000px;
	margin:0px auto;	
}
#langs {
	display:block;
	float:right;
/*	width:300px;*/
	margin:0px;
	padding: 8px 20px 0px 0px;
}
#langs ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#langs li {
	display:inline;	
	margin:0px;
	padding:0px;
}
#langs a:link, #langs a:visited {	
	display: block;
	color:#013989;
	font-size:12px;	
	text-decoration:underline;
	height:16px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 0px 10px 0px 8px;
}
#langs a:active, #langs a:hover{
	color:#000000;
	text-decoration:none;
}
#header{
	height:143px;
	padding:0px 50px 0px 50px;	
}
#inprogress{
	float:right;
	font-size:18px;
	padding:89px 4px 0px 0px;
}
#logo{
	padding:13px 0px 0px 1px;
}
#footer{
	text-align:center;
}
#footer p{
	font-size:11px;
	color:#336699;
	padding:0px 0px 10px 0px;
}
#footer a:link, #footer a:visited{
	color:#336699;
	font-size:11px;
	text-decoration:underline;
}
#footer a:active, #footer a:hover{
	color: #000000;
	font-size:11px;
	text-decoration:none;	
}
#aicreate{
	padding-left:50px;
	text-align:left;
}
#aicreate span{
	display:block;
	float:left;
	height:50px;
	padding-top:1px;
}
#mainContainer{
	padding-right: 44px;
}
/* home page */
#frames{
	width:473px;
	padding:0px 0px 0px 48px;
}
.frame{
	background-image:url(../images/interface/frame-bgnd.jpg);
	background-repeat:repeat-x;
	background-color:#e0f0fc;
	height:108px;
	overflow:hidden;
}
.frameLeft{
	background-image:url(../images/interface/frame-left.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:108px;
	padding-left:11px;
}
.frameRight{
	background-image:url(../images/interface/frame-right.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:108px;
	padding-right:12px;
}
.frameContent{
	padding:14px 0px 0px 7px;	
}
.frameContent a:link, .frame a:visited{
	font-size:20px;
	padding: 0px 0px 0px 0px;
}
.frameContent p{
	color:#FFFFFF;
	padding:10px 0px 0px 0px;
}
#rightFrame{
	float:right;
	background-image:url(../images/interface/right-frame-bgnd.jpg);
	background-repeat:repeat-x;
}
#rightFrameLeft{
	background-image:url(../images/interface/right-frame-left.jpg);
	background-repeat:no-repeat;
	background-position:left;	
}
#rightFrameRight{
	background-image:url(../images/interface/right-frame-right.jpg);
	background-repeat:no-repeat;
	background-position:right;	
	width:432px;
	height:433px;	
}
#rightFrameContent{
	padding: 15px 23px 0px 23px;
	height:155px;	
}
#rightFrame h2{
	font-size:20px;
	font-weight:normal;
	padding: 0px 0px 10px 0px;
}
#rightFrame p{
	font-size:12px;
	color:#336699;	
	padding:0px 0px 0px 2px;
}
#rightFrameContentBottom{
	padding:0px 0px 0px 0px;
	background-image:url(../images/interface/software-frame-bgnd.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:174px;	
	margin-left:20px;
}
#rightFrameButton{
	padding: 75px 0px 0px 0px;
}
#softwareLink{
	text-align:right;
	padding:20px 23px 0px 0px;
}
#softwareLink a:link, #softwareLink a:visited{
	font-size:11px;
	color:#013989;
	text-decoration:underline;
}
#softwareLink a:active, #softwareLink a:hover{
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
#content{
	padding:24px 0px 0px 50px;
}
.paragraph{
	background-color:#FFFFFF;
	border:1px #ccccff solid;	
	padding:4px 15px 20px 6px;
	margin-bottom:20px;
	width:879px;
}
.image{
	padding:5px;
}
.leftImage{
	padding-left:20px;
}
.rightImage{
	padding-right:20px;
}
.left{
	float:left;
}
.right{
	float:right;
}
/*             popup classes                */
#pictureView {
background-image:url(../images/loader.gif);
background-position:center;
background-repeat:no-repeat;
}
.pictureContainer{
background-color:#FEFEFE;
width:50px;
height:50px;
text-align:center;
}
.picture{
padding:10px;
}
.closeBtn{
float:right;
}
