body{
    margin:0;
	background:#fff;
	font:12px "Microsoft Sans Serif", Geneva, sans-serif;
	color:#3f4142;
}
body.inner{ background:#0067c7; }
img{border:none;}
a{color:#000;}
a:hover{text-decoration:none;}
input,
textarea,
select{
    font:100% arial,sans-serif;
    vertical-align:middle;
}
form,fieldset{
    margin:0;
    padding:0;
    border:none;
}
/* main start */
#main{
	width:982px;
	margin:0 auto;
	overflow:hidden;
	padding:0 0 20px;
}
/* header start */
.header-holder{
	width:100%;
	background:#0287d3 url(../images/bg-header-top.gif) no-repeat;
	margin:10px 0;
}
#header{
	background:url(../images/bg-header-btm.gif) no-repeat 0 100%;
	width:931px;
	overflow:hidden;
	padding:12px 7px 9px 44px;
}
.logo-holder{
	float:left;
}
.logo-holder h1{
	margin:0;
	float:left;
}
.logo-holder h1 a{
	display:block;
	width:188px;
	height:31px;
	background:url(../images/bg-logo.png) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
.slogan{
	float:left;
	padding:5px 0 0 12px;
}
.slogan p{
	margin:0;
	color:#fff;
	font:italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main-nav{
	float:right;
	margin:0;
	padding:1px 0 0;
	list-style:none;
}
.main-nav li{
	float:left;
	padding:0 10px 0 0;
}
.main-nav li a{
	float:left;
	color:#fff;
	font-size:14px;
	text-decoration:underline;
	cursor:pointer;
}
.main-nav li a span{
	float:left;
	height:22px;
	padding:2px 0 0 12px;
	line-height:17px;
}
.main-nav li a em{
	float:left;
	width:13px;
	height:24px;
	text-indent:-9999px;
}
.main-nav li a:hover{ 
	text-decoration:none;
	border:none;
}
.main-nav li a.active span,
.main-nav li a:hover span{ 
	background:url(../images/bg-main-nav-left.png) no-repeat;
	color:#0287d3;
}
.main-nav li a.active em,
.main-nav li a:hover em{ background:url(../images/bg-main-nav-right.png) no-repeat; }
/* header end */
/* forms start */
.forms-holder{
	width:100%;
	padding:0 0 15px;
}
.forms-holder:after{
	content:"";
	clear:both;
	display:block;
}
.personal-box{
	width:739px;
	border:1px solid #0287d3;
	background:#f5fbfe;
	float:left;
	padding:10px 0;
}
.textarea-holder{
	float:left;
	width:200px;
	padding:0 50px 0 17px;
}
.textarea-holder label{
	display:block;
	font-size:13px;
	color:#0067c7;
	margin:-2px 0 8px;
	position:relative;
}
.textarea-holder textarea{
	background:#fff;
	border:1px solid #1d76aa;
	width:196px;
	height:41px;
	overflow:auto;
	margin:0 0 4px;
}
.file-box{
	float:left;
	width:207px;
}
.file-box label{
	float:left;
	width:58px;
	text-align:right;
	color:#0067c7;
	font-size:13px;
	line-height:15px;
	padding:0 13px 0 0;
	margin:-2px 0 0;
	position:relative;
}
.file{
	float:left;
	width:136px;
	position:relative;
	height:90px;
}
.textinput{ display:none; }
.button{
	background:url(../images/browse-btn.gif) no-repeat;
	width:136px;
	height:90px;
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:0;
}
.file-input-area{
	height:400px;
	width:400px;
	margin:-130px 0 0 -100px;
	font-size: 150px;
	display:block;
	cursor:default !important;
}
.file-wrapper{
	z-index:10;
	display:block;
	overflow:hidden;
	height:90px;
	width:136px;
	position:absolute;
	top:0;
	left:0;
	cursor:default !important;
}
.select-holder{
	float:left;
	padding:0 0 0 44px;
	width:210px;
}
.select-holder label{
	float:left;
	width:51px;
	font-size:13px;
	color:#0067c7;
	text-align:right;
	padding:0 17px 0 0;
	margin:-3px 0 0;
	position:relative;
}
.select01{
	float:left;
	width:142px;
	background:url(../images/bg-map.gif) no-repeat 0 29px;
	height:90px;
}
.select01 select{
	width:140px;
	font-size:11px;
	color:#707070;
	height:21px;
	padding:0;
	margin:0;
}
.friends-box{
	float:right;
	width:220px;
	margin:-3px 0 0;
	position:relative;
}
.fiends-form{
	width:100%;
	overflow:hidden;
}
.search-box{
	width:100%;
	overflow:hidden;
	margin:0 0 15px;
}
.inp-holder{
	float:left;
	width:155px;
}
.inp-holder label{
	display:block;
	color:#0067c7;
	font-size:12px;
	margin:0 0 5px 8px;
}
.inp01{
	width:123px;
	height:20px;
	background:url(../images/bg-inp01.gif) no-repeat;
	padding:3px 15px 0;
}
.inp01 input{
	border:0;
	width:123px;
	color:#a09d9d;
	font-size:11px;
	float:left;
	line-height:14px;
}
.submit-btn{
	float:left;
	margin:18px 0 0 6px;
	display:inline;
}
/* forms end */
/* primary start */
#primary{
	width:100%;
	padding:0 0 60px;
}
#primary:after{
	content:"";
	display:block;
	clear:both;
}
/* column1 start */
.column1{
	float:left;
	width:215px;
	overflow:hidden;
}
.message-list{
	width:240px;
	overflow:hidden;
	margin:0 0 15px;
	padding:0 0 14px;
	list-style:none;
	border-bottom:1px solid #0168b4;
}
.message-list li{
	float:left;
	padding:0 24px 0 0;
}
.message-list li a{
	float:left;
	font-size:10px;
	color:#2c2929;
	line-height:12px;
}
.message-list li a.message-link{
	background:url(../images/message-icon.gif) no-repeat;
	padding:0 0 3px 38px;
	width:52px;
}
.message-list li a.favorite-message-link{
	background:url(../images/favorite-message-icon.gif) no-repeat;
	padding:0 0 3px 35px;
	width:65px;
}
.users-list{
	width:100%;
	margin:0;
	padding:4px 0 12px;
	list-style:none;
	overflow:hidden;
}
.users-list li{
	float:left;
	width:100%;
	padding:0 0 8px;
}
.illustration01{
	float:left;
	width:50px;
	height:50px;
	padding:0 12px 0 0;
}
.user-text{
	float:left;
	width:103px;
	margin:-2px 0 0;
}
.link-holder{
	margin:-3px 0 0;
	position:relative;
}
.user-text a{
	color:#038ddc;
}
.user-text p{
	margin:3px 0;
	font-size:11px;
	color:#3b9521;
}
.user-text span{ 
	font-size:9px;
	color:#3f4142;
	display:block;
	line-height:10px;
}
.btn-list{
	width:100%;
	overflow:hidden;
	border-top:1px solid #0168b4;
	margin:0;
	padding:11px 0 0;
	list-style:none;
}
.btn-list li{
	float:left;
}
.btn-list li a{
	float:left;
	width:24px;
	height:24px;
	text-indent:-9999px;
}
.btn-list li a.prev-btn{ 
	background:url(../images/bg-prev-btn.gif) no-repeat;
	margin:0 19px 0 72px;
	display:inline;
}
.btn-list li a.next-btn{ background:url(../images/bg-next-btn.gif) no-repeat; }
/* column1 end */
/* content start */
#content{
	width:500px;
	float:left;
	padding:0 0 0 25px;
}
.title{
	width:100%;
	overflow:hidden;
	margin:0 0 15px;
}
.illustration02{
	float:left;
	width:50px;
	height:50px;
}
.title-text{
	float:left;
	width:440px;
	padding:0 0 0 10px;
}
.status{
	width:433px;
	background:#0299ef url(../images/status-right.gif) no-repeat 100% 0;
	color:#fff;
	height:17px;
	font-size:13px;
	line-height:15px;
	padding:2px 0 0 7px;
}
.title-text p{
	margin:3px 0 0 8px;
	color:#575757;
	font-size:13px;
	line-height:15px;
}
.content-area{
	width:100%;
	background:#f3f3f3;
	min-height:607px;
}
* html .content-area{
	height:607px;
	overflow:visible;
}
/* content end */
/* clumn2 start */
.column2{
	float:right;
	width:220px;
}
.side-box{
	width:100%;
	margin:0 0 20px;
}
.side-heading{
	width:100%;
	border-bottom:1px solid #0168b4;
	margin:0 0 10px;
}
.side-heading:after{
	content:"";
	clear:both;
	display:block;
}
.illustration03{
	float:left;
	width:20px;
	height:26px;
	margin:-7px 0 0;
	position:relative;
}
.illustration04{
	float:left;
	width:15px;
	height:16px;
}
.illustration05{
	float:left;
	width:22px;
	height:20px;
}
.illustration06{
	float:left;
	width:22px;
	height:20px;
}
.heading-text-holder{
	float:right;
	width:194px;
	background:#0299ef url(../images/bg-side-heading-top.gif) no-repeat;
	margin:0 0 6px;
}
.heading-text{
	background:url(../images/bg-side-heading-btm.gif) no-repeat 0 100%;
	width:184px;
	color:#fff;
	padding:0 0 3px 10px;
	overflow:hidden;
}
.heading-text span{
	padding:0 8px 0 0;
}
.heading-text a{
	padding:0 10px 0 0;
}
.table-holder{
	height:155px;
	overflow:auto;
}
.table-holder table{
	border-collapse:collapse;
}
.table-holder table td{
	vertical-align:middle;
	text-align:center;
	height:31px;
	color:#3f4142;
	font-size:10px;
}
.table-holder table tr.blue td{ background:#e5f3fb; }
.table-holder table td.col1{ width:26px; }
.table-holder table td.col2{ width:88px; }
.table-holder table td.col3{ width:70px; }
.table-holder table td a{
	color:#0279c6;
	font-size:12px;
}
.table-holder table td span{ color:#38951e; }
.chanels-list{
	height:1%;
	overflow:hidden;
	margin:-5px 0 0;
	padding:0 0 6px 32px;
	list-style:none;
	position:relative;
}
.chanels-list li{
	float:left;
	width:100%;
	padding:0 0 4px;
}
.chanels-list li a{
	color:#389c1c;
	font-size:13px;
}
.list-holder{
	overflow:auto;
	height:160px;
}
.list-holder ul{
	margin:-9px 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:186px;
}
.list-holder ul li{
	float:left;
	width:100%;
	background:url(../images/side-sep.gif) no-repeat 100% 0;
	padding:9px 0;
}
.list-holder ul li:first-child{ background:none; }
.number{
	float:left;
	width:26px;
	text-align:center;
	color:#3f4142;
	font-size:10px;
	padding:0 10px 0 0;
}
.list-holder ul li .text{
	float:left;
	width:150px;
}
.list-holder ul li .text a{
	color:#0279c6;
}
.list-holder ul li .text p{
	margin:6px 0;
	color:#389c1c;
	font-size:13px;
	line-height:14px;
	letter-spacing:-1px;
}
.list-holder ul li .text span{ font-size:10px; }
/* column2 end */
/* primary end */
/* footer start */
#footer{
	background:url(../images/bg-footer.gif) no-repeat;
	width:100%;
	height:32px;
	padding:20px 0 0;
}
#footer p{
	margin:0 0 0 20px;
	color:#e5f3fb;
	font-size:11px;
}
#footer p a{
	text-decoration:none;
	color:#e5f3fb;
}
#footer p a:hover{ text-decoration:underline; }

#footer-nav2 {
	float:right;
	margin:0 10px 10px 20px;
	color:#e5f3fb;
	font-size:11px;
}
#footer-nav2 a{
	text-decoration:none;
	color:#e5f3fb;
}
#footer-nav2 a:hover{ text-decoration:underline; }

/* footer end */

/* inner style */
.inner #main{
	width:924px;
	position:relative;
}
/* inner header start */
.inner .header-holder{
	width:100%;
	background:none;
	margin:27px 0 18px;
}
.inner #header{
	background:none;
	width:908px;
	overflow:hidden;
	padding:0 0 0 16px;
}
.inner .slogan{
	float:left;
	padding:3px 0 0 23px;
}
.inner .slogan p{ font-size:15px; }
.inner .main-nav{
	margin:0 -10px 0 0;
	padding:3px 0 0;
	position:relative;
}
/* inner header end */
/* inner primary start */
.primary-holder{
	width:100%;
	overflow:hidden;
	margin:0 0 12px;
}
.primary-top{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-primary-top.png) no-repeat;
	height:20px;
}
.primary-btm{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-primary-btm.png) no-repeat;
	height:19px;
}
.inner #primary{
	background:#efefef url(../images/bg-primary.gif) repeat-x;
	min-height:472px;
	padding:0;
}
* html .inner #primary{
	height:472px;
	overflow:visible;
}
/* inner content start */
.inner #content{
	width:100%;
	padding:0 0 36px;
	overflow:hidden;
	float:none;
}
.login-holder{
	float:right;
	width:312px;
	background:#ccedf5 url(../images/bg-login.gif) repeat-x;
}
.login-holder h3{
	margin:-1px 0 6px 94px;
	color:#0067c7;
	font:italic 20px/20px "Trebuchet MS", Helvetica, sans-serif;
}
.login{
	width:276px;
	overflow:hidden;
	background:url(../images/bg-login-form.gif) no-repeat 0 100%;
	padding:0 21px 14px 15px;
}
.login .inp-holder{
	width:276px;
	overflow:hidden;
	margin:0 0 6px;
	float:none;
}
.login .inp-holder label{
	float:left;
	color:#0067c7;
	font-size:13px;
	width:76px;
	margin:3px 0 0;
}
.inp02{
	float:left;
	background:url(../images/bg-inp02.gif) no-repeat;
	width:179px;
	height:21px;
	padding:2px 10px 0;
	overflow:hidden;
}
.inp02 input{
	width:179px;
	border:0;
	background:none;
	color:#858282;
	font-size:12px;
	line-height:15px;
	float:left;
}
.check-holder{
	width:197px;
	padding:1px 0 12px 79px;
	overflow:hidden;
}
.check-holder input{
	float:left;
	width:15px;
	height:16px;
	margin:0;
}
.label-check2{
	float:left;
	padding:0 0 0 9px;
	width:271px;
}
.label-check2 label{
	display:block;
	color:#d4053b;
	font-size:12px;
	padding:2px 0 4px;
}
.label-check{
	float:left;
	padding:0 0 0 9px;
	width:171px;
}
.label-check label{
	display:block;
	color:#0067c7;
	font-size:11px;
	padding:2px 0 4px;
}
.label-check a{
	color:#0067c7;
	font-size:11px;
}
.btn-holder{
	width:197px;
	padding:1px 0 0 78px;
	overflow:hidden;
	
}
.btn-holder input{
	float:left;
	width:58px;
	margin:0 50px 0 0;
	height:22px;
}
.btn-holder a{
	color:#0067c7;
	float:left;
	margin:3px 0 0;
	font-size: 18px;
}
.content-text{
	float:left;
	width:560px;
	padding:0 0 0 22px;
	color:#606365;
	font-size:13px;
	line-height:16px;
}
.content-text h2{ margin:0 0 15px; 
	color:#0067C7;
	font-size:27px;
}
.content-text p{
	margin:0 0 14px 45px;
}
/* inner content end */
/* banners start */
.banners{
	width:930px;
	overflow:hidden;
	margin:0 -14px 0 0;
	padding:0 0 0 5px;
	list-style:none;
}
.banners li{
	float:left;
	padding:0 14px;
}
.banners li a{
	float:left;
	width:279px;
	height:243px;
}
/* banners end */
/* inner primary end */
/* inner footer start */
.inner #footer{
	background:none;
}
.inner #footer p{
	margin:0 0 0 28px;
}
#footer .design-text{
	float:right;
	padding:0 10px 0 0;
}
/* inner footer end */
