/*
Theme Name: Rogers Connect
Theme URI: http://www.equisoft.com/
Description: Theme for Rogers Connect
Author: EquiSoft
Author URI: http://www.equisoft.com/
*/

@media print {
	h1 {margin: 0 0 15px !important; font-size: 30px !important;}
	body, #main-container, div.tabscontent {background: none !important; padding: 0 !important;}
	#header, #sidebar, #sidebar-openhandle, #content-tabs, #footer-container,
	.pagepdf, .pageprint {display: none !important;}
}


/* CSS Document */
/* Begin Clearfix */
.formrow:after, .formbuttons:after, .ui-tabs-panel:after, .tabscontent:after,
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.formrow, .formbuttons, .ui-tabs-panel, .tabscontent,
.clearfix {display: inline-block;}

html[xmlns] .formrow, html[xmlns] .formbuttons, html[xmlns] .ui-tabs-panel, html[xmlns] .tabscontent,
html[xmlns] .clearfix {display: block;}

* html .formrow, * html .formbuttons, * html .ui-tabs-panel,  * html .tabscontent,
* html .clearfix {height: 1%;}
/* End Clearfix */



/* Reset */
body, img, form, ul, li, hr, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0; border: 0; letter-spacing: 0;}
a, a *, button {cursor: pointer;} 		 /* Fix cursor missing dans certaines cas */
button {width: auto; overflow: visible;} /* Fix IE extra padding in button */
button::-moz-focus-inner {border: 0; padding: 0;}	/* FF add padding and border, not removable by standard CSS */


.ui-accordion .ui-accordion-header {padding: 6px 0; background: url(images/accordion_down.png) 100% 50% no-repeat; font-size: 16px; border: 0; border-bottom: 1px solid #504F4F; color: #504F4F;}
.ui-accordion .ui-accordion-header.ui-state-active {background: url(images/accordion_up.png) 100% 50% no-repeat;}
.ui-accordion .ui-accordion-header a:link,
.ui-accordion .ui-accordion-header a:visited {margin: 0; padding: 0; border: 0; background: transparent; color: #000;}
.ui-accordion .ui-accordion-content {margin: 0; padding: 5px 0 10px; border: 0; background: transparent;}
.ui-accordion .ui-accordion-header .ui-icon {display: none;}



/**************************************************************************/
/* DEFAULT STYLE                                                          */
/**************************************************************************/

/* default font style */
body, td, h1, h2, h3, h4, h5, h6, input, select, textarea, button {font: 12px Arial,Helvetica,sans-serif; color: #666;}


body {
	background: #fdfdfd url(images/background.png) top repeat-x;
}

h1 {margin: 0; padding: 0; font-size: 75px; font-weight: bold; color: #8d8d8d; text-transform: uppercase; color: #d8000c;}
a, a:hover {color: #d30018; text-decoration: underline;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {vertical-align: text-bottom;}
h2 {margin: 0 0 5px; padding: 0; font-size: 14px; font-weight: bold; color: #424242;}
h3 {margin: 5px 0; padding: 0; font-size: 10px; font-weight: bold; color: #424242;}
h4 {margin: 5px 0; padding: 0; font-size: 12px; font-weight: bold; color: #259fab;}
hr {height: 1px; background: #ccc; border: 0; color: #999; margin: 20px 0;}
fieldset {margin: 0 0 15px; padding: 5px 10px; border: solid 1px #ccc;}
input {margin: 0; vertical-align: middle;}
input[type=text], input[type=password], select, textarea {padding: auto 1px; border-top: 1px solid #aaa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #aaa;}

ul {margin: 5px 0; padding-left: 15px;}
li {list-style-position: outside; margin: 3px 0;}


.clear {overflow:auto; width:100%; height:0; font-size:0; visibility:hidden; clear:both;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.left {float: left !important;}
.right {float: right !important;}
.hidden {display: none;}
.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.nowrap {white-space: nowrap;}
.uppercase {text-transform: uppercase;}


/* Classes general */
.formrow {margin-top: 10px; margin-bottom: 10px;}
.formlabel {float: left; width: 24%; margin-top: 3px; font-size: 11px;}
.formfield {float: right; width: 74%;}
.noinput .formlabel,
.noinput .formfield {margin-top: 0;}
.formfield select, 
.formfield input, 
.formfield img {vertical-align: middle;}
.formfield label {padding-right: 5px;}
.formfield ul {margin: 3px 0; padding: 0;}
.formfield li {list-style: disc inside;}
.formnote {margin: 5px 0; font-size: 10px; color: #777;}

/* Icons */
.appicon {display: inline-block; margin: 0; padding: 0; width: 16px; line-height: 16px; height: 16px; background-image: url(images/icons.png); background-repeat: no-repeat; vertical-align: middle; overflow: hidden;}
.appicon-expend {background-position: 0 0;}
.appicon-collapse {background-position: -16px 0;}
.appicon-phone {background-position: -32px 0;}
.appicon-bulletminus {background-position: -48px 0;}
.appicon-add {background-position: -64px 0;}
.appicon-delete {background-position: -80px 0;}
.appicon-refresh {background-position: 0 -16px;}
.appicon-help {background-position: -16px -16px;}
.appicon-edit {background-position: -32px -16px;}
.appicon-searchexpand {background-position: -48px -16px;}
.appicon-searchcollapse {background-position: -64px -16px;}
.appicon-viewdetail {background-position: -80px -16px;}

/* Buttons */
button.btn-prev {padding: 1px 5px 1px 15px; background: #bbbbbb url(images/btn_prev.png) left center no-repeat; font-size: 12px; font-weight: bold; color: #fff; border: 0;}
button.btn-prev-hover {background: #da0019 url(images/btn_prev_hover.png) left center no-repeat; }
button.btn-next {padding: 1px 15px 1px 5px; background: #bbbbbb url(images/btn_next.png) right center no-repeat; font-size: 12px; font-weight: bold; color: #fff; border: 0;}
button.btn-next-hover {background: #da0019 url(images/btn_next_hover.png) right center no-repeat; }

/**************************************************************************/
/* LAYOUT                                                                 */
/**************************************************************************/
#header-container {}
#header {position: relative; margin: 0 auto; width: 960px; height: 52px; padding-top: 18px;}
#logo {position: absolute; top: 15px; left: -5px;}

#topnav {margin-bottom: 6px; text-align: right;}
#topnav ul {margin: 0; padding: 0;}
#topnav li {list-style: none; margin: 0; padding: 0; display: inline-block;}
#topnav li a {text-decoration: none; color: #878686; text-transform: uppercase; font-size: 10px;}
#topnav li a:hover {text-decoration: none; color: #878686;}

table#navbar {float: right; margin: 0; padding: 0; width: 750px; border-collapse: collapse; border-spacing: 0;}
table#navbar td {border: 1px solid #fff; text-align: center;}
table#navbar td a {display: block; background: url(images/navbar.png); height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: -1px;}
table#navbar td a:hover {background: url(images/navbar_selected.png); text-decoration: none; color: #fff;}
table#navbar td.active a {background: url(images/navbar_selected.png); color: #fff;}


#main-container {position: relative; padding: 15px 0 0; background: url(images/main_container.png) center bottom no-repeat;}
#main {clear: both; position: relative; margin: 0 auto; width: 960px; overflow: hidden;}
#main-logo {clear: both; position: relative; margin: 0 auto; width: 960px; height: 17px; padding: 8px 0 0; overflow: hidden;}

#sidebar-openhandle {width: 29px; background: url(images/sidebar_handle.png) left 20px; vertical-align: top;}
#sidebar-openhandle-topspacer {height: 15px; max-height: 15px;}
#sidebar-closehandle {width: 29px; background: url(images/sidebar_handle.png) left 5px; vertical-align: top;}
#sidebar {position: absolute; width: 370px; top: 15px; left: 960px; z-index: 1000; background: #fff; border-collapse: separate; color: #878686;}
#sidebar-content-container {border: 1px solid #efefef; border-left: 0; vertical-align: top; overflow: hidden;}
#sidebar .sidebar-content {overflow: auto; padding: 10px 15px;}
#sidebar .jScrollPaneContainer {background: url(images/sidebar_background.png) right repeat-y;} /* Faux background */
#sidebar .jScrollPaneTrack {background: transparent;}
#sidebar .jScrollPaneDrag {width: 20px; display: inline-block; background: url(images/jscrollpane_drag.png) repeat-y;}
#sidebar .jScrollPaneDragTop {height: 20px; background: url(images/jscrollpane_arrow.png) top no-repeat;}
#sidebar .jScrollPaneDragBottom {height: 20px; background: url(images/jscrollpane_arrow.png) bottom no-repeat;}

#sidebar-tabs {background: transparent; border: 0;}
#sidebar-tabs ul.ui-tabs-nav {margin: 0; padding: 0 0 0 10px; height: 26px; border: 0; border-bottom: 1px solid #efefef; background: transparent;}
#sidebar-tabs ul.ui-tabs-nav li {float: left; margin: 0; padding: 0 5px; height: 26px; line-height: 26px; list-style: none; font-size: 11px; border: 0; background: transparent; opacity: 1;}
#sidebar-tabs ul.ui-tabs-nav li a {display: inline-block; height: 26px; line-height: 26px; color: #878686; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 11px; cursor: pointer;}
#sidebar-tabs ul.ui-tabs-nav li.separator {width: 4px; background: url(images/sidebar-tabs-separator.png) center center no-repeat;}
#sidebar-tabs ul.ui-tabs-nav li.ui-state-active a {color: #e1061c;}

#sidebar .switchview {float: right;}
#sidebar .header {clear: both; margin: 0 0 10px; padding: 20px 0 5px; background: url(images/sidebar-header.png) bottom repeat-x; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #E1061C;}
#sidebar div.iconlist {float: left; margin: 0; padding: 3px 2px 8px; width: 140px; overflow: hidden; text-align: center;}


#content {width: 910px;}
.content ul {margin: 10px 0;}
.content li {margin: 0; float: none; list-style: disc;}
.content p {margin: 10px 0;}

#footer-container {clear: both; background: url(images/footer_container.png) top repeat-x;}
#footer {margin: 0 auto; height: 65px; padding-top: 15px; width: 960px; background: url(images/footer.png) top center no-repeat; font-size: 10px; font-weight: normal; color: #9e9d9e;}
#footernav {float: left; margin-top: 5px;}
#footernav a {color: #9e9d9e; font-size: 10px; text-transform: uppercase;}
#footer-joinnews {float: right;}
#footer-joinnews label {float: left; font-size: 10px; padding: 6px 5px 0 0; text-transform: uppercase;}
#footer-joinnews .itext {vertical-align: middle; padding: 3px; border: 1px solid #b2b2b2; background: #fff;}
#footer-joinnews .ibutton {vertical-align: middle; margin-left: 5px;}


/* Elements misc */
#content-tabs {width: 100%; height: 32px; margin: 0; padding: 0; text-align: center; background: transparent; border: 0;}
#content-tabs li {float: left; margin: 0; padding: 0; list-style: none; background: transparent; border: 0; opacity: 1;}
#content-tabs li a, 
#content-tabs li em {display: block; height: 32px; line-height: 32px; font-size: 12px; text-transform: uppercase; text-decoration: none; text-align: center; font-style: normal; color: #7a7676; font-weight: bold;}
#content-tabs li a {padding-right: 5px; background: url(images/tabs.png) right top no-repeat;}
#content-tabs li em {padding-left: 5px; background: url(images/tabs.png) left top no-repeat;}
#content-tabs li.selected a {padding-right: 5px; background: url(images/tabs_selected.png) right top no-repeat; color: #da0019;}
#content-tabs li.selected em {padding-left: 5px; background: url(images/tabs_selected.png) left top no-repeat; color: #da0019;}

.tabscontent {padding: 25px !important; background: #ececec !important;}
.tabscontent-gradient {
	background: url(images/tabscontent-gradient.png) center repeat-y !important;
}


.pagination {margin: 5px 0; text-align: right; font-weight: bold; }
.pagination a {display: inline-block; padding: 2px 5px; height: 17px; line-height: 17px; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; background: #bbbbbb;}
.pagination a:hover {background: #da0019;}
.pagination a.active {background: #da0019;}


.leftimage {float: left; border: 1px solid #969696; margin: 0 15px 15px 0;}
.rightimage {float: right; border: 1px solid #969696; margin: 0 0 15px 15px;}

h1.media {color: #9d9c9c;}
.media-leftcol {float: left; width: 140px; overflow: hidden;}
.media-leftcol .media-name {margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #d0d0d0; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; color: #4f4e4e;}
.media-leftcol .media-kit {margin: 10px 0; padding: 0 0 5px; border-bottom: 1px solid #d0d0d0; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; color: #4f4e4e;}
.media-leftcol .media-prodinfo {margin: 10px 0 0; padding: 0 0 5px; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: center; color: #4f4e4e;}

.media-rightcol {float: right; width: 700px; overflow: hidden;}
.media-rightcol div.media-description {}
.media-rightcol div.media-description ul {margin: 0; padding: 0;}
.media-rightcol div.media-description li {list-style-position: inside}
.media-rightcol div.media-image {float: left; margin: 0 15px 15px 0;}
.media-rightcol table.media-description-image td.media-description {vertical-align: top;}
.media-rightcol table.media-description-image td.media-image {vertical-align: top; width: 1%; zoom: 1;}
.media-rightcol table.media-description-image td.media-image div.media-image {float: none;}

.media-stats-table {padding-top: 15px;}
.media-stats-table table {width: 100%; border: 0; border-collapse: collapse;}
.media-stats-table table th {padding: 5px 10px; text-align: left; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #828182;}
.media-stats-table table td {padding: 5px 10px; background: url(images/media_stats_table.png) no-repeat; text-align: left; font-weight: bold; font-size: 32px; color: #d2d1d1;}


.media-rates-table table {width: 100%; border: 0; border-collapse: collapse;}
.media-rates-table table th {padding: 5px 8px; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; text-align: left; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.media-rates-table table td {padding: 5px 8px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; text-align: left;}
.media-rates-table table tr th:first-child,
.media-rates-table table tr td:first-child {border-left: 0;}
.media-rates-table table tr th.first,
.media-rates-table table tr td.first {border-left: 0;}  	/* For IE6 */
.media-rates-table table tr:nth-child(even) td {background: #ecebeb;}
.media-rates-table table tr.even td {background: #ecebeb;}  /* For IE6,IE7,IE8 */

ul.caselist {margin: 0; padding: 0; width: 100%;}
ul.caselist li {list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
ul.caselist li.separator {height: 1px; line-height: 1px; font-size: 0; background: url(images/dotted-separator.png) repeat-x;}
ul.caselist li.firstoffset {height: 10px; line-height: 0; font-size: 0;}
ul.caselist li.lastoffset {height: 10px; line-height: 0; font-size: 0;}
ul.caselist .shadowtop {background: url(images/caselist_shadowtop.png) center bottom no-repeat;}
ul.caselist .shadowbottom {background: url(images/caselist_shadowbottom.png) center top no-repeat;}

ul.caselist li ul {margin: 5px 0 10px;}
ul.caselist li li {margin: 0; float: none; list-style: disc;}

/* .caselist .collapse */
.caselist .collapse {position: relative; height: 37px; margin: 0; padding: 4px 0; zoom: 1; background: transparent; border: 0;}
.caselist .collapse .appicon-expend {position: absolute; left: 844px; top: 15px; cursor: pointer;}
.caselist .collapse .thumb {float: left; border: 1px solid #c6c6c6; width: 52px; height: 35px; overflow: hidden;}
.caselist .collapse .date {position: absolute; left: 60px; top: -5px; color: #e0e0e0; font-size: 45px; font-weight: bold;}
.caselist .collapse .title {position: absolute; left: 60px; top: 16px; color: #504f4f; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.caselist .collapse .category {float: right; padding: 12px 25px 0 0; color: #b2b2b2; font-size: 11px; font-weight: bold; text-transform: uppercase;}

/* .caselist .expend */
.caselist .expend {position: relative; top: 0; margin: 0; padding: 10px 0; width: 100%; background: url(images/caselist_expanded_background.png) repeat-y; border: 0;}
.caselist .expend .appicon-collapse {position: absolute; left: 844px; top: 23px; cursor: pointer;}
.caselist .expend .close {position: absolute; top: 2px; right: 0; background: url(images/dotted-separator.png) bottom repeat-x; color: #4f4e4e; font-size: 9px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.caselist .expend .date {display: inline-block; margin-top: -5px; margin-bottom: -10px; color: #e0e0e0; font-size: 45px; font-weight: bold;}
.caselist .expend .category {float: right; padding: 15px 25px 0 0; color: #b2b2b2; font-size: 11px; font-weight: bold; text-transform: uppercase;}
.caselist .expend .client {display: block; color: #504f4f; font-weight: bold;}
.caselist .expend h2 {margin: 0 0 5px; line-height: 34px; color: #da0019; font-size: 37px; font-weight: bold; text-transform: uppercase;}
.caselist .expend h3 {margin: 15px 0 2px; color: #da0019; font-size: 13px; font-weight: bold;}
.caselist .expend .content {float: left; width: 510px;}
.caselist .expend .galleries {float: right; width: 330px;}
.caselist .expend .galleries-image {margin-bottom: 5px; height: 240px; width: 330px; overflow: hidden;}
.caselist .expend .galleries-buttons {float: right;}
.caselist .expend .galleries-buttons button {float: left; margin-left: 5px;}

#ui-tabs {background: transparent; border: 0;}
#ui-tabs ul.ui-tabs-nav {width: 100%; height: 32px; margin: 0; padding: 0; text-align: center; background: transparent; border: 0;}
#ui-tabs ul.ui-tabs-nav li {float: left; margin: 0; padding: 0; list-style: none; background: transparent; border: 0; opacity: 1;}
#ui-tabs ul.ui-tabs-nav a, .ui-tabs-nav em {display: block; height: 32px; line-height: 32px; font-size: 12px; text-transform: uppercase; text-decoration: none; text-align: center; font-style: normal; color: #7a7676; font-weight: bold;}
#ui-tabs ul.ui-tabs-nav a {padding-right: 5px; background: url(images/tabs.png) right top no-repeat;}
#ui-tabs ul.ui-tabs-nav em {padding-left: 5px; background: url(images/tabs.png) left top no-repeat;}
#ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {padding-right: 5px; background: url(images/tabs_selected.png) right top no-repeat; color: #da0019;}
#ui-tabs ul.ui-tabs-nav li.ui-tabs-selected em {padding-left: 5px; background: url(images/tabs_selected.png) left top no-repeat; color: #da0019;}
#ui-tabs .ui-tabs-panel {padding: 25px !important; background: #ececec !important;}
#ui-tabs .tabscontent-gradient {
	background: url(images/tabscontent-gradient.png) center repeat-y !important;
}

.advantage-body {padding: 20px; background: #f5f5f5 url(images/advantage-body.png) top no-repeat;}
.advantage-body h3 {margin: 15px 0 5px; color: #da0019; font-size: 14px; font-weight: bold;}
.advantage-body .addresslist {width: 100%;}
.advantage-body .addresslist h3 {padding: 0 0 5px; background: url(images/dotted-separator.png) bottom repeat-x; text-align: left;}
.advantage-body .addresslist th {vertical-align: bottom; padding: 0 0 5px;}
.advantage-body .addresslist td {vertical-align: top;}
.advantage-body .addresslist td a {color: #666666;}


.aboutus-body {height: 327px; padding: 20px; background: #ececec url(images/background_about.png) no-repeat;}
.companyleftcol {float: left; width: 460px;}
.companyrightcol {float: right; width: 380px;}

.contact-body {padding: 20px; background: #eaeaea url(images/bg-gradient.png) top no-repeat;}
.contact-body .leftcol {float: left; width: 460px;}
.contact-body .rightcol {float: right; width: 340px;}
.contact-body h3 {margin: 25px 0 10px; padding: 0 0 6px; background: url(images/dotted-separator.png) bottom repeat-x; color: #da0019; font-size: 28px;}

.pagepdf {display: inline-block; min-width: 36px; background: url(images/icon32_pdf.png) center top no-repeat; margin: 0; padding: 35px 5px 0; text-align: center;}
.pageprint {display: inline-block; min-width: 36px; background: url(images/icon32_print.png) center top no-repeat; margin: 0; padding: 35px 5px 0; text-align: center;}


a.custommedia {display: block; margin-top: 15px; padding-right: 145px; height: 29px; line-height: 29px; text-align: right; background: url(images/custommedia.png) right center no-repeat; color: #fff; font-weight: bold; text-decoration: none;}

#contactus label {text-transform: uppercase; font-size: 11px;}

#contactus input,
#contactus textarea,
#contactus select {margin-top: 5px; margin-bottom: 10px;}

#contactus .listbox {margin-top:5px; margin-bottom:10px; height:90px; padding: 5px 7px; overflow:auto; border: 1px solid #ccc;}
#contactus .listbox ul {margin: 0; padding: 0;}
#contactus .listbox li {margin: 3px 0; list-style-type: none;}
#contactus .listbox li input {margin: 0 2px 0 0;}