/* CSS Document */


/* ################ All pages styles ################ */


*{
	padding:0px;
	margin:0px;
	vertical-align:top
}

html{
	background:#fff url(../images/bg_fade.jpg) top repeat-x;
	height:100%
}

body{
	background-image:url(../images/bg_border_ffr.gif);
	background-position:center;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	height:100%
}

h1{
	color:#0A1E60;
	font-size:18px;
	line-height:35px
}

h2{
	color:#0A1E60;
	font-size:16px;
	line-height:35px
}

h2 a{
	color:#0A1E60;
	font-size:16px;
	line-height:35px;
	text-transform:capitalize
}

h3{
	color:#0A1E60;
	font-size:11px;
	font-weight:bold
}

h4{
	color:#595959;
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px
}

h5{
	color:#595959;
	font-size:14px;
	line-height:35px
}

h6{
	color:#0A1E60;
	font-size:11px;
	font-weight:normal;
	font-size:12px
}

p, strong, span, input, li{
	color:#595959;
	font-size:11px
}

p{
	margin-bottom:10px
}

ul{
	list-style:url(../images/icon_arrow.gif) outside;
	padding-left:19px
}

strong{
	font-weight:900
}

a{
	color:#0A1E60;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	font-size:10px
}

a:hover{
	text-decoration:underline
}

a img{
	border:none
}

.container{
	background-image:url(../images/bg_border_ffr.gif);
	background-position:center;
	background-repeat:repeat-y;
	width:902px;
	margin:0px auto;
	padding:0px 5px 0px 5px;
	min-height:100%
}



/* ####### Header styles ####### */

.header_top_light{
	background-color:#83B7E2;
	height:13px;
	margin-bottom:1px;
}

.header_top_dark{
	background-color:#0A1E60;
	height:3px;
}

.header_colour{
	background:url(../images/bg_header.gif) repeat-x;
	max-height:17px;
	margin-right:-1px
}

.header_logo{
	margin:25px auto 29px 15px
}

.header_line{
	background-color:#E2E2E2;	
	height:1px;
	border:#E2E2E2 1px solid;
	margin:-5px 15px -5px 15px
}

.nav{
	margin:15px 15px 5px 15px
}

.header_nav_logo{
	margin-left:64px;
}


/* ####### Footer styles ####### */
.footer{
	margin:32px 0px 0px 0px;
	padding-bottom:35px
}

.footer, .footer a, .footer span{
	text-align:center;
	color:#999;
	text-transform:uppercase;
	font-size:10px;
}

.footer a{
	margin:0px 11px;
	text-decoration:none;
	font-size:11px;
	font-weight:normal
}

.footer .header_line{
	margin-bottom:12px
}

.footer_secondary_links{
	font-size:10px;
	margin:5px 0px 25px 0px
}

/* ####### Content styles ####### */

.content{
	margin:0px 15px;
}

.content_left{
	width:197px;
	float:left
}

.content_right{
	margin-left:237px;
}

.content_main{
	padding:0px 13px 0px 9px
}

.clear{
	clear:both;
}

.left_hdg_ln{
	background:#CECECE url(../images/bg_left_line.gif) top left no-repeat;
	height:3px;
	margin-top:-4px;
	margin-bottom:15px;
	line-height:1px
}

.content_left .left_hdg_ln{
	background:#CECECE url(../images/bg_left_line.gif) top left no-repeat;
	height:2px;
	margin-top:-4px;
	margin-bottom:15px
}

.left_small{
	background:url(../images/img_left_small.jpg) 2px 3px
}

.arrow{
	float:left;
	margin-top:7px;
	padding-right:5px
}

.user{
	font-weight:bold;
	font-size:10px;
	width:115px
}

.pass{
	font-weight:bold;
	font-size:10px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:115px
}

/* ################ Individual pages styles ################ */


/* Home */

.home_login{
	background:url(../images/bg_home_login.jpg) top left no-repeat;
	height:177px;
	width:175px;
	padding:23px 17px 0px 17px;
	margin:0px 0px 0px -3px
}

.home_login strong, .home_login a{
	font-size:14px;
	text-transform:capitalize!important;
}

.home_login span{
	color:#0A1E60
}

.home_login_main_text1{
	font-size:14px;
}

.home_login_main_text2{
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	margin-top:-20px
}

.home_login form{
	padding-top:5px;
	width:175px
}

.home_login_form input{
	border:#C5CFD8 .5px solid;
	padding:2px
}

.home_login .home_submit{
	margin-top:5px
}

.home_login strong{
	color:#000
}

.content_right .left_dot{
	margin:7px 5px 0px 0px
}

.content_left .left_dot{
	margin:7px 5px 0px 5px
}

.left_dotted_ln{
	background: url(../images/bg_left_line_dot.gif) left repeat-x;
	height:1px;
	margin:20px 0px;
	line-height:1px
}

.home_feature_container{
	width:632px;
	float:none
}

.home_feature_left{
	float:left;
	width:210px;
}

.home_feature_middle{
	width:210px;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
	float:left;
}

.learn_feature{
	margin-left:auto;
	margin-right:auto
}

.learn_feature_left{
	float:left;
	width:300px;
	padding:0px 15px 0px 0px
}

.learn_feature_right{
	float:left;
	width:300px;
	border-left:#DAE4EC 1px solid;
	padding:0px 0px 0px 15px
}

.home_feature_right{
	width:210px;
	float:left;
}

.feature_header .home_feature_left, .feature_header home_feature_middle, .feature_header .home_feature_right{
	border-bottom:#fff 1px solid
}

.feature_blue .home_feature_left, .feature_blue .home_feature_middle, .feature_blue .home_feature_right{
	background-color:#0A1E60;
	height:5px;
	line-height:1px
}

.feature_content .home_feature_left, .feature_content .home_feature_middle, .feature_content .home_feature_right{
	width:180px;
	padding:15px
}

.feature_content .home_feature_middle{
	border-color:#DAE4EC
}

.feature_content .left_dotted_ln{
	margin:5px 0px
}

.home_main_img{
	background:url(../images/img_home_mainb.jpg) 4px 3px no-repeat;
	margin-left:3px;
	padding:0px
}

.url{
	text-transform:lowercase!important;
	font-size:11px;
	color:#595959;
	text-decoration:underline
}

/* Contact Us */
.left_small_contact{
	background:url(../images/img_feature_contact.jpg) 2px 3px no-repeat
}

.contact_left{
	float:left;
	width:307px
}

.contact_left{
	float:left
}

.small_login1{
	background:url(../images/bg_left_small_login1.jpg) top left no-repeat;
	height:45px;
	width:175px;
	padding:5px 17px 0px 17px;
	margin:3px 0px 0px 0px
}

.small_login{
	background:url(../images/bg_left_small_login.jpg) top left no-repeat;
	height:85px;
	width:175px;
	padding:5px 17px 0px 17px;
	margin:3px 0px 0px 0px
}

.small_login span{
	color:#0A1E60;
	font-weight:bold;
}

.small_username{
	margin-top:8px
}

.small_password{
	margin-top:5px
}

.help_small{
	padding-left:17px;
	text-transform:lowercase!important;
	text-decoration:underline
}

.left_small{
	background:url(../images/img_left_small.jpg) 2px 3px
}


/* News Details */

.left_small_news{
	background:url(../images/img_feature_news.gif) 2px 3px no-repeat
}

.news_ln{
	margin:2px 0px
}

.left_small_newsitem{
	background:url(../images/img_feature_news_item.jpg) 2px 3px
}

.news_back{
	float:right;
	line-height:11px;
	margin-top:15px
}

.news_thumb_launch{
	background: url(../images/launch_taysolsblue.jpg) 4px 4px
}

.news_thumb_nat{
	background: url(../images/nat-foods.gif) 4px 4px
}

.news_thumb_site{
	background: url(../images/news_thumb_template3.jpg) 4px 4px
}

.news_thumb_orcl{
	background: url(../images/img_oracle.gif) 4px 4px
}


.news_thumb_crane{
	background: url(../images/img_crane.gif) 4px 4px
}


.news_thumb_leighton{
	background: url(../images/img_leighton.gif) 4px 4px
}


.news_thumb_fidelity{
	background: url(../images/img_fidelity.gif) 4px 4px
}


.news_img{
	float:left;
	width:112px;
}

.news_text{
	margin-left:130px;
}

.news_text h3{
	font-size:12px
}

.news_text p{
	margin:15px 0px
}


/* News Overview */
.news_overview_ln{
	margin-bottom:20px;
	display:block
}

.news_item{
	min-height:112px
}

.read_news{
	padding-bottom:10px;
	text-align:right;
	margin-bottom:-30px
}

.read_news a:hover{
	text-decoration:underline
}


/* News Archive */
.left_small_archive{
	background:url(../images/img_feature_archive.jpg) 2px 3px no-repeat
}


/* Clients */
.left_small_clients{
	background:url(../images/img_feature_clients.jpg) 2px 3px no-repeat
}

.client_web{
	text-decoration:underline;
	text-transform:lowercase;
	font-size:11px
}

.recent_projects{
	background-color:#0A1E60;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin:25px 0px 25px 0px
}

.recent_projects span{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:14px
}

.client{
	padding:10px 0px 15px 0px
}

.client_text{
	margin-right:35px;
	width:350px;
	text-align:justify
}

.client_blue{
	width:215px;
	background-color:#F5F8FB;
	float:right;
	padding:15px 15px 15px 25px;
	margin-bottom:15px
}

.client_blue h3{
	font-size:14px;
	margin-bottom:10px
}

.client_heading{
	text-align:right;
	margin-bottom:10px;
	margin-right:35px;
	width:350px;
}

.client_heading img{
	float:left
}

.left_dotted_ln_client{
	background: url(../images/bg_left_line_dot.gif) left repeat-x;
	height:1px;
	margin:0px 0px 20px 0px;
	line-height:1px
}


/* Services */
.left_small_services{
	background:url(../images/img_feature_services.jpg) 2px 3px no-repeat
}

.logo{
	float:left;
	margin:4px 5px 0px 0px
}

.diagram{
	margin:15px auto 15px auto;
	text-align:center
}


/* Support */
.left_small_support{
	background:url(../images/img_feature_support.jpg) 2px 3px no-repeat
}


/* Learn */
.left_small_learn{
	background:url(../images/img_feature_learn.jpg) 2px 3px no-repeat
}


/* Create */
.left_small_create{
	background:url(../images/img_feature_create.jpg) 2px 3px no-repeat
}


/* About */
.about h2{
	font-size:13px
}

.left_small_about{
	background:url(../images/img_feature_about.gif) 2px 3px no-repeat
}

.about_blue{
	background-color:#F5F8FB;
	padding:15px;
	margin-top:-25px
}


/* Careers */
.left_small_careers{
	background:url(../images/img_feature_carreers.jpg) 2px 3px no-repeat
}


/*Login Failure*/
.left_small_failure{
	background:url(../images/img_feature_failure.jpg) 2px 3px no-repeat
}


/*Site Map */
.left_feature_map{
	background:url(../images/img_feature_map.jpg) 2px 3px no-repeat
}


/*Legals */
.left_feautre_legals{
	background:url(../images/img_feature_legals.jpg) 2px 3px no-repeat
}


/*Privacy */
.left_feautre_privacy{
	background:url(../images/img_feature_privacy.jpg) 2px 3px no-repeat
}



/* client area*/
.tickets_heading	{
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: bold;
	padding: 4px;
}

.tickets_table_h	{
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: bold;
	padding: 4px;
}
.tickets_table_c	{
	font-size: 11px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
	padding: 4px;
}

.ticket_view_button	{
	width: 50px;
	height: 15px;
	background-color: #333399;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	color:#ffffff;
	font-size:11px;
	text-transform: none;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.helpdesk_button	{
	width:175px;
	height: 50px;
	background-color: #333399;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#ffffff;
	font-size:18px;
	text-transform: none;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.client_blue_t	{
	color: #333399;
	font-size: 18px;
	line-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: none;
	font-weight: normal;
}

.off	{
	visibility: hidden;
}

.on	{
	visibility: show;
}