/* Styles for Support main page */
h1 {margin:0 10px 10px;font-size: 1.1em;}
aside#socials {width:213px; height:329px;margin: 7px 15px 0 0; float:right; background:url('../../images/support/aside_box.png') no-repeat 0 0}
	aside#socials h2 {padding:22px 0 0 20px}
	aside#socials ul {list-style:none; margin:40px 0 0 30px}
		aside#socials ul li {margin:20px 0}
			aside#socials ul li a {color:#7f933e; display:block; height:28px; padding:10px 50px 0; font-weight:bold }
			aside#socials ul li a:hover {color:#95c00f; text-decoration:underline}
			aside#socials ul li a.facebook {background:url('../../images/support/social_icons/facebook_logo.gif') no-repeat 0 0}
			aside#socials ul li a.twitter {background:url('../../images/support/social_icons/twitter_icon.gif') no-repeat 0 0}
			aside#socials ul li a.youtube {background:url('../../images/support/social_icons/youtube_icon.gif') no-repeat 0 0}
			aside#socials ul li a.blog {background:url('../../images/support/social_icons/blog_icon.gif') no-repeat 0 0}

ul#support-tabs {list-style:none}
	ul#support-tabs li {display:block; width:238px; height:95px; margin:10px; float:left; background:url('../../images/support/support_tabs.png') no-repeat 0 0}
	ul#support-tabs li.active {background-position:0 -100px}
	ul#support-tabs li.last {margin:10px 0 0 119px}
		ul#support-tabs li a {display:block; width:98px; height:57px; background:url('../../images/support/support_icons.png') no-repeat; padding:38px 20px 0 120px; text-align:center; color:#000; font-weight:bold; font-size:1.1em}
		ul#support-tabs li a:hover {color:#7F933E}
		ul#support-tabs li a.submit_ticket {background-position:18px 12px; padding-top:27px; height:68px}
		ul#support-tabs li a.user_guides {background-position:18px -67px}
		ul#support-tabs li a.forgot_password {background-position:18px -149px; padding-top:27px; height:68px}
		ul#support-tabs li a.faqs {background-position:18px -228px}
		ul#support-tabs li a.fringstatus {background-position:18px -316px}
		/*ul#support-tabs li a.submit_ticket:hover {background-position:-222px 12px}
		ul#support-tabs li a.user_guides:hover {background-position:-222px -67px}
		ul#support-tabs li a.forgot_password:hover {background-position:-222px --149px}
		ul#support-tabs li a.faqs:hover {background-position:-222px -228px}
		ul#support-tabs li a.fringstatus:hover {background-position:-222px -316px}*/


/* Styles for password retrieval page */
div#password_boxes {width:510px; height:430px; background:url('../../images/support/forgot-password/box.png') no-repeat 0 0; margin:0 auto}
	div#password_boxes h2 {text-align:center; float:left;}
		div#password_boxes h2 a {display:block; width:245px; height:38px; padding-top:19px; background:none; outline:none;}
		div#password_boxes h2 a:hover { text-decoration:underline}
		div#password_boxes h2.selected a {color:#000;}
		div#password_boxes h2.selected a:hover { text-decoration:none}
		div#password_boxes h2 a#passForm {padding-left:10px}
		div#password_boxes h2 a#idForm {padding-right:10px}
		div#password_boxes h2.selected a#passForm {background:url('../../images/support/forgot-password/box_tab_left.png') no-repeat 0 0;}
		div#password_boxes h2.selected a#idForm {background:url('../../images/support/forgot-password/box_tab_right.png') no-repeat 0 0;}
	div#password_boxes div#form_fields {padding:67px 35px 0; text-align:center}
		div#password_boxes div#form_fields p {font-size:0.8em; color:#7c7c7c; text-align:left}
		div#password_boxes div#form_fields fieldset {margin: 15px 0 5px; height: 105px;}
			div#password_boxes div#form_fields fieldset input {width:300px; padding:0 5px; height:24px; border: 1px solid #B2B1B1; margin-bottom:10px}
			div#password_boxes div#form_fields fieldset select {width:312px; height:27px; border: 1px solid #B2B1B1; margin-bottom:10px}
			
		div#password_boxes div#form_fields a#submit {display:block; width:140px; height:28px; margin:10px auto 0; padding-top:10px; text-align:center; background:url(../../images/support/forgot-password/button.png) no-repeat 0 0; font-weight:bold; color:#000}
		div#password_boxes div#form_fields a#submit:hover {background-position:0 -40px}
		
/* Styles for fringStatus page */
ul#fring-status {list-style:none; text-align:center; height:150px; padding:0 0 20px 0;}
	ul#fring-status li {display:inline-block; width:301px; height:150px; margin:0 10px; background:url('../../images/support/fringstatus/fring-status-icons.gif') no-repeat; zoom:1; *display:inline}
	ul#fring-status li#connectivity.on {background-position:0 0}
	ul#fring-status li#connectivity.off {background-position:0 -150px}
	ul#fring-status li#fringout.on {background-position:0 -300px}
	ul#fring-status li#fringout.off {background-position:0 -450px}
	
div#content h2 {background:url('../../images/support/fringstatus/status_title_bkg.png') no-repeat 0 0;padding: 5px 10px; margin-left:10px; font-size:15px}

ul#announcement {list-style:none; margin-left:10px}
	ul#announcement li p {padding:10px; font-size:13px}
	ul#announcement li div {padding:7px 10px; background:#eaf4d6; font-size:12px;}
	
/* Styles for support suit */
section#main a:hover {text-decoration:underline}
section#login-logout {position:absolute; right:17px; top:63px; font-size:12px}
section#login-logout a {font-weight:bold}
div#searchbar {float:right; margin:9px 15px 0 0}
#breadcrumb-nav {padding-bottom:10px}
#breadcrumb-nav a {font-size:14px; color:#000; font-weight:bold}
ul#support-center {list-style:none}
	ul#support-center li {display:block; margin:0 15px 0 0; background-repeat:no-repeat; background-position:left top; padding:10px 0 0 70px; height:50px; font-size:13px}
		ul#support-center li a {font-weight:bold; font-size:14px}
		ul#support-center li a:hover {text-decoration:underline}
p.small-text {font-size:12px;margin:0 0 12px}
table h1 {margin:0 0 10px}
table h2 {font-size:1.0em; margin:15px 0 10px}
table.details td {font-size:0.8em}
ul.inner-big {list-style:none; margin-left:15px}
	ul.inner-big li {background:url('../../images/support/bullet.gif') no-repeat 0 5px; margin-bottom:3px; padding-left:20px}
ul.inner-small{list-style:inside}
	ul.inner-big ul {margin:5px 0 10px 25px}
		ul.inner-big ul a {font-weight:normal}
	ul.inner-big a {font-size:14px; font-weight:bold}
	ul.inner-small li {font-size:13px; background:none; padding-left:0}
		ul.inner-small li span {color:#959494; font-size:12px}
		
table.article-list td {height:20px; font-size:12px}
	table.article-list td a {font-size:13px; font-weight:bold; background:url("../../images/support/bullet.png") no-repeat scroll 0 0 transparent; padding-left:15px}
	table.article-list td a.nobkg {background:none; padding:0}
	table.article-list td img {vertical-align:middle}
	table.article-list td h3 {font-size:13px; margin-top:5px; background:url('../../images/bullet.green.png') no-repeat 0 1px; padding-left:15px}
	table.article-list td span.desc {display:block; margin:-2px 0 5px; padding-left:15px}
	table.article-list td span.details {display:block; color:#959494; margin-bottom:6px; padding-left:15px}
	
div#support-article-navbar {width:59px; height:110px; text-align:center; float:right; background:url('../../images/support/article.actions.png') no-repeat 0 0;margin-right: -18px; padding-top:18px}
	div#support-article-navbar a img {padding:2px}
div#support-article {background:url('../../images/support/article.bkg.png') repeat-y 0 0; width:681px; font-size:13px;}
	div#support-article h1 {background:url('../../images/support/article.header.png') no-repeat 0 0; font-size:13px; height:24px;padding: 10px 15px 0 15px;}
		div#support-article h1 span {display:block; background:url('../../images/support/icon_question.png') no-repeat 0 0; padding:0 0 0 22px; height:18px}
	div#support-article p {margin:10px 50px 0 25px; min-height:120px}
	div#support-article-stars {padding:55px 0 10px; margin:-25px 5px 2px 25px; background:url('../../images/support/fring_answer_shadow.png') no-repeat right bottom}
	div#support-article-details {float:right; text-align:right; color:#777; font-size:12px; margin:5px 20px 0 0}
	div#support-article-rate {background:url('../../images/support/article.footer.png') no-repeat 0 bottom; height:50px; padding:8px 0 0 25px; font-size:12px}
	div#support-article-rate a {display:block; width:300px; height:18px; padding:2px 0 0 20px}
	div#support-article-rate a.thumbup {background:url('../../images/support/icon_up.png') no-repeat 0 0}
	div#support-article-rate a.thumbdown {background:url('../../images/support/icon_down.png') no-repeat 0 0}
	
div#support-ticket {background:url('../../images/support/article.bkg.long.png') repeat-y 0 0; width:730px; font-size:13px; margin-top:15px}
	div#support-ticket h1 {background:url('../../images/support/article.header.long.png') no-repeat 0 0; font-size:13px; height:24px;padding: 10px 15px 0 15px;}
	div#support-ticket-inner {padding:0 20px 10px}
		div#support-ticket-inner span.ticket-postname {display: block;font-size: 14px;font-weight: bold;margin-bottom: 5px; padding-bottom:3px;border-bottom: 1px solid #E2E3E0;}
		div#support-ticket-inner span.ticket-postdate {font-size:11px; color:#959494}
		div#support-ticket-inner span.ticket-post {display:block; margin:10px 0; font-size:12px}
	div#support-ticket-footer {background:url('../../images/support/article.footer.long.png') no-repeat 0 bottom; height:20px; padding:0; font-size:12px}
	
div#support-form {padding-bottom:6px; border-top:1px solid #e2e2e2;}
	div#support-form form {font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#333; }
	div#support-form fieldset {border:0; background:#f2f2f2;padding: 10px 20px; margin:0}
	div#support-form h3 {font-weight:bold; color:#000; background:#fff; padding: 6px 10px; margin:0; font-size:13px}
	div#support-form table td {padding-bottom:2px}
	div#support-form input, textarea, select {border:1px solid #ccc; width:196px;}
	div#support-form input.checkbox {width:auto; margin:5px 0 10px}
	div#support-form input.radio {width:auto; margin:5px 10px 10px 0}
	div#support-form textarea {height:90px; margin-top:15px}
	div#support-form a.faq {display:block; height:13px; float:right; color: #595f98; text-decoration:none; background:url('../../images/support/icon_faqs.png') no-repeat 0 0; padding:3px 0 0 20px}
	div#support-form a.faq:hover {text-decoration:underline}	
	
	div#support-form input.bluebutton, div#support-form input.greybutton, input.bluebutton, input.greybutton {cursor:pointer; padding-bottom:3px; font-size:13px}
	div#support-form input.bluebutton, input.bluebutton { border:0; width:80px; height:25px; background:url('../../images/support/green.button.sprite.png') no-repeat 0 0; color:#000; font-weight:bold }
	input.bluebutton:active {background-position:0 -30px;}
	div#support-form input.greybutton, input.greybutton {border:0; width:60px; height:25px; background:url('../../images/support/grey.button.sprite.png') no-repeat 0 0; font-weight:bold; color:#333333}
	input.greybutton:active {background-position:0 -30px}
	
ul#ticketlist {list-style:none}
	ul#ticketlist li {border-bottom:1px solid #e2e2e2; background:url('../../images/bullet.green.png') no-repeat 0 8px; padding:5px 0 5px 15px}
		ul#ticketlist li a {font-size:13px}
		ul#ticketlist li span {font-size:12px}
		ul#ticketlist li span.status {color:#959494; }
		ul#ticketlist li span.tid {display:block; margin:2px 0 5px}
		ul#ticketlist li span.replier {display:block; color:#959494}
span.error-message {font-size:12px; color:red}
span.info-message {font-size:12px; color:#959494}

div.irsui {margin:10px 0 0}
	div.irsui span.articletitle {display:block; font-size:13px; font-weight:bold; margin:0 0 5px}
	div.irsui table.irsui-list {margin:10px 0 0}
		div.irsui table.irsui-list td {background:url("../../images/support/bullet.png") no-repeat scroll 0 7px; padding:5px 15px}