/* //////////////////////////////////////////////////////////
    General Elements (h1, li, ul form body)
///////////////////////////////////////////////////////// */
* { outline: none; -moz-outline-style: none; }

body{
    background-color: #FFF;
    margin:0px;
    padding:0px;
    font-family:Arial, sans-serif, Helvetica;
    color:#666666;
    font-size:11px;
}
html{overflow-y:scroll;}

form, img, a, p{ padding:0px; margin:0px; }
p{ padding:3px 0px; }

td{
    vertical-align:top;
    /* text-align:left; */
}

ul{
    padding:0px 0px 0px 15px;
    margin:5px 0px;
    /* list-style-image:url('http://static.n49.ca/images/bullet_blue.gif'); */
}

#member_video_wrapper ul {
    list-style: none;
}

li{
    margin:0px;
    padding:0px;
}

a.li, span.li {
    padding-left: 15px;
    background: url(http://static.n49.ca/images/bullet_blue.gif) no-repeat left 4px;
}


.dotted {
    color: #999;
    text-decoration: none;
    background: url('http://static.n49.ca/images/hr.gif') 0 100% repeat-x;
}

a.dotted:hover {
    background: none;
}

.editable {
    color:#666666;
    text-decoration: none;
    border:1px solid #FFF;
}

.editable:hover {
    background-color: #FFFCAE;
    border:1px solid #CCC;
}
/* FAKE HR TAG */
.hr{
    background-repeat:repeat-x;
    margin:5px;
    height:1px;
    overflow:hidden;
}
/* FAKE VR TAG */
.vr{
    background-image:url('http://static.n49.ca/images/vr.gif');
    background-repeat:repeat-y;
    background-position:left;
}
.vr_left_padding{
    background-position:10px 10px;
    padding-left:10px;
}

/* INPUT TAGS */
input.general_text{
    border:solid 2px #BBBBBB;
    font-size:80%;
    padding:2px 4px;
}

/* HEADER TAGS */
h1{
    position:relative;
}
h1, .h1{
    font-size:110%;
    margin:0px;
    padding:0px;
    color:#000000;
    font-weight:bold;
}
h2, .h2{
    font-size:110%;
    margin:0px;
    padding:0px;
    color:#000000;
    font-weight:normal;
}
h3 {
    font-size: 110%;
    margin:0px;
    color:#000000;
}
h4 {
    font-size: 125%;
    margin:0px;
}

h1, h2, h3, h4 {
    position: static;
}
/* //////////////////////////////////////////////////////////
    Layout Elements (main layout items)
///////////////////////////////////////////////////////// */
#fadeOver{
    position:absolute;
    z-index:8888;
    top:0px;
    left:0px;
    width:100%;
}

/* Styles for the header element */
/* FAKE VR TAG */
td.vr{
    background-image:url('http://static.n49.ca/images/vr.gif');
    background-repeat:repeat-y;
    background-position:left;
}
td.vr_left_padding{
    background-position:10px 10px;
}

/* INPUT TAGS */
input.general_text{
    border:solid 2px #BBBBBB;
    font-size:80%;
    padding:2px 4px;
}

/* HEADER TAGS */
h1{
    font-size:14px;
    margin:0px;
    padding:0px;
    color:#000000;
    font-weight:bold;
}
h2{
    font-size:13px;
    margin:0px;
    padding:0px;
    color:#000000;
    font-weight:normal;
}


.block_header {
    font-family: "Arial Black", "Helvetica";
    color: #999;
    font-size: 135%;
    position: relative;
    top: 5px;
    left: 10px;
    z-index: 5;
    text-transform: capitalize;
}

.bigLink {
    font-family: "Verdana";
    font-weight: bold;
    text-decoration: none;
    text-transform: capitalize;
}
a.bigLink:hover {
    text-decoration: underline;
}


/* //////////////////////////////////////////////////////////
    Layout Elements (main layout items)
///////////////////////////////////////////////////////// */
#wrapper{
    position:relative;
    margin:0px auto;
    padding:0px;
    width:990px;
    font-family:Arial, sans-serif, Helvetica;
    color:#333333;
    z-index:1;
    /* overflow:hidden; */
    font-size:11px;
}

/* //////////////////////////////////////////////////////////
    DropDown Specific style
///////////////////////////////////////////////////////// */

ul.ddb,
ul.ddb li {
    margin: 0 10px 0 0;
    padding:0;
    list-style: none;
}

ul.ddb {
    display: inline;
}
ul.ddb li {
    float: left;
}
ul.ddb>li {
    border:1px solid #3296AE;
}
ul.ddb li a {
    background: transparent url(http://static.n49.ca/images/icon_blue_arrow_down.gif) no-repeat 96% 50%;
    padding: 2px 20px 2px 10px;
}

ul.ddb li ul li a {
    background-image: none;
}
ul.ddb li ul {
    visibility: hidden;
    position: absolute;
    z-index: 2000;
    background: #FFF;
    border: 1px solid #3296AE;
    margin: 0;
    padding:5px;
}
ul.ddb li ul li{
    float: none;
    position: relative;
    top: -2px;
    margin: 0;
    padding:0;
    list-style: none;
    white-space: nowrap;
}

ul.ddb li ul li a {
    text-decoration: none;
    color: #666666;
}

ul.ddb li ul li a:hover {
    text-decoration: underline;
    color: #333;
}

ul.ddb li ul li .arrows {
    color: #E00;
}

ul.ddb li ul li a.arrows:hover {
    color: #ffcc00;
}

.asc {
    display: block;
    background: #FFF url(http://static.n49.ca/images/icon_grey_arrow_up.gif) left center no-repeat;
    padding-left: 15px;
    white-space: nowrap;
}

.desc {
    display: block;
    background: #FFF url(http://static.n49.ca/images/icon_grey_arrow_down.gif) left center no-repeat;
    padding-left: 15px;
    white-space: nowrap;
}

/* Styles for the header element */
#header{
    /*position:absolute; 
    top:0px;
    left:0px;*/
    margin:15px 0 40px 0;
}

#header .logo{
    position:relative;
    left:11px;
    top:0px;
    width:250px;
    height:115px;
}
#header .n49_logo{
    position:absolute;
    top:45px;
    left:880px;
}

/* top header menu */
#headerMenu     { background:#D11; z-index:0; height:15px; position:absolute; width: 100%; top: 0; left: 0;}
#headerMenuIn   { margin:0px auto;  z-index:19996; position: absolute; top:-15px; right:150px; z-index:19996; width: 840px;}
#headerMenuIn ul  { display: inline; height:15px; padding:0px; z-index:19997; }
#headerMenuIn li{
    position:relative;
    float:right;
    margin:0px;
    padding:0px;
    list-style:none;
    border-right:#FFF solid 1px;
}
#headerMenuIn li a {
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    text-decoration:none;
    padding:0px 18px;
    background:transparent;
}
#headerMenuIn li a:hover  {
    background:#F36010;
}

#headerMenuIn ul li ul {
    visibility: hidden;
    position: absolute;
    display: block;
    margin:0;
    padding:5px 0;
    border: 1px solid #FFF;
    background:#F36010;
    list-style-image:none;
    list-style-position:outside;
    z-index: 19998;
}
#headerMenuIn ul li ul li {
    float: none;
    top: -2px;
    margin: 0;
    padding:0;
    border-right:none;
    list-style: none;
    white-space: nowrap;
    z-index: 19999;
}
#headerMenuIn ul li ul li a       { display:block; padding:0px 10px; }
#headerMenuIn ul li ul li a:hover { background:#D00; }
#headerMenuIn .menubar_login a       { background:#F36010; }
#headerMenuIn .menubar_login a:hover { background:transparent; }
#headerMenuIn .menubar_login ul li table a       { background:#F36010; }
#headerMenuIn .menubar_login ul li table a:hover { background:#D00; }

/* other header elements */
#header .submit_element{
    position:absolute;
    left:835px;
    top:80px;
    width:125px;
    text-align:right;
}

#header .search_element{
    position:absolute;
    left:260px;
    top:80px;
    width:600px;
}
#searchwhat,
#searchwhere{
    font-size:11px;
}

#where_label, #what_label {
    color:#FF1A00;
    height:25px;
    left:5px;
    overflow:hidden;
    padding-left:10px;
    position:absolute;
    top:-18px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
}

.overTab,
.overTab{
    /* background-color:#F9150D; */
    z-index:10;
}
.offTab,
.offTab{
    /* background-color:#999999; */
    z-index:1;
}
.javaTab{
    cursor:pointer;
}
/* background-image:url('http://static.n49.ca/images/what_label.gif'); */


#header .search_element .what,
#header .search_element .where{
    background-repeat:no-repeat;
    height:27px;
    width:300px;
    background-position:left top;
}


#header .search_element .what input,
#header .search_element .where input{
    margin:4px 0px 0px 5px !important;
    margin:3px 0px 0px 5px;
    /* margin:2px 0px 0px 4px; */
    width:273px;
    height:15px;
    border:1px solid #FFFFFF;
}

#header .breadcrumb{
    position:absolute;
    left:14px;
    top:130px;
    height:35px;
    width:990px;
}

#search_details_what label,
#search_details_what span
 {
    font-size:12px;
    line-height:20px;
    vertical-align:10%;
}
#search_details_what span { font-weight: bold; }

#sort_by_holder{
    height:21px;
    margin-left:150px;
    width:530px;
    overflow:hidden;
}

.sortbyalpha {
	padding: 2px;
	margin-bottom: 3px;
	text-align: center;
	background: #E8E8E8;
	overflow: hidden;
	word-spacing: 10px;
}

.sortbyalpha a { color:#000; font-weight: bold; }
.sortbyalpha a:hover { color:#F00; }

.footer, .footer2 {
   position:relative;
   padding:10px 0px;
}
.footer td, .footer2 td {
   vertical-align:baseline;
}

#content{
	padding-bottom: 50px;
}

.noContent{
    border: 1px solid #CCC;
}

.noContent p {
    margin: 100px auto;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.tags:hover {
    color: #E00;
}

/* 3 column PAGE column LAYOUT */

/* GROUP 1: # column layout (one small on left and right, large middle) */
#group_1 #column_1{}
#group_1 #column_1,
#group_1 #column_2,
#group_1 #column_3{
    float:left;
}
#group_1 #column_1{
    width:145px;
	margin-right:10px;
}
#group_1 #column_2{
    width:680px;
    min-height:600px;
    height:auto !important;
    height:600px;
    /*left:155px;*/
	margin-right:10px;
}
#group_1 #column_3{
    /*left:145px;*/
    width:145px;
    font-size:12px;
}

/* GROUP 2: # 2 column layout (one small / large right) */
#group_2 #column_1{
    width:145px;
    float:left;
    position: relative;
    overflow: visible;
    left:0px;
}
#group_2 #column_2{
    width:825px;
    margin-left:10px;
    float:right;
    left:0px;
    display: block;
    position: relative;
}


/* //////////////////////////////////////////////////////////
    Element Styles
    (div content holding elements and a or li tags specific for them)
///////////////////////////////////////////////////////// */

/* GENERAL SITE WIDE BOXES */
.gen_box_title{
    position:relative;
    background-color:#DDD;
    padding:3px 0px 3px 10px;
}
.gen_box_title_bg{
    background-color:#DDD;
}
.gen_box_title_red{
    color:#FFFFFF;
    background-color:#F9150D;
    font-weight:normal;
}

.gen_box_footer{
    position:relative;
    background-color:#E8E8E8;
    padding:3px 0px;
}
.gen_box_header {
    background-color:#E8E8E8;
}
.gen_box_content{
    position:relative;
    border:solid 5px #DDDDDD;
}
table.gen_table_content{
    border-collapse: collapse;
}
table.gen_table_content td{
    border:solid 5px #DDDDDD;
}

.gen_box_red_border{
    border:10px solid #F9150D
}
.gen_box_padded{
    padding:15px;
}
.gen_box_solid{
    background-color:#CFCFCF;
}

.leftWidget {
    border: 7px solid #CFCFCF;
    padding:7px;
}
/* Pagination */
#itemNavigation {
    background: #E8E8E8;
    padding: 2px 5px;
    height: 16px;
}

#itemNavigation * {
    color: #000;
}

#itemNavigation a {
    font-weight: bold;
}

#itemNavigation a:hover {
    color: #F00;
}

#itemNavigation .total {
    float: left;
}

#itemNavigation .liste {
    float: left;
    margin: 0 20px;
}

#itemNavigation .prevNext {
    float: right;
    word-spacing: 5px;
}

.navigationTop {
    color: #000;
    font-weight: bold;
    font-size:11px;
    background: #DDD;
    text-align: right;
    padding: 2px 5px;
    margin-bottom: 5px;
}

.prevNextLink       {  color: #000; }
.prevNextLink:hover {  color: #E00; }

/* MESSAGES */
#menu_messages a {
    color: #F00;
    font-weight: bold;
    text-decoration: none;
}
#menu_messages a:hover {
    text-decoration: underline;
}

#loginWidget {
    padding-top: 5px;
    margin-bottom: 15px;
}
div#menuLoginError,
div#popupLoginError {
    color: #FFF;
    font-weight: bold;
    background-color: #8d0306;
    border: 2px solid #E00;
    padding: 5px;
    text-align: center;
}
div#popupLoginError { margin-bottom: 5px; }

#loginWidget span {
    display:block;
    text-align: left;
    margin-top: 5px;
    padding-left: 10px;
}
#loginWidget input.i {
    width: 90%;
    font-size: 11px;
    height: 12px;
}

/* ELEMENTS IN THE THIRD COLOUMN */
.colum_wrapper{
    border:1px solid #999999;
}

.colum_content{
    border-top-style:none;
    border-bottom-style:none;
}
.colum_content .content, .colum_content .widget_container_topten, .colum_content .widget_container_everything {
    margin:0px 10px 0px 5px;
    padding:10px 0px 20px 0px;
}

.colum_content a{
    color:#FF9900;
    text-decoration:none;
}

.colum_content a:hover{
    color:#FF0000;
    text-decoration:underline;
}


.colum_last{
    border-bottom-style:solid;
}

ul.colum_links,
ul.colum_links li{
    padding:0px;
    margin:1px;
    list-style:none;
    list-style-image:none;
}

ul.colum_links li{
    margin-left: 20px;
    text-indent: -10px;
}

#friendsIcone .friendBlock {
    padding-top: 5px;
    clear: both;
}

#friendsIcone .fName {
    padding-top: 5px;
    color: #000;
    font-weight: bold;
}

#friendsIcone .fStats {
    text-align: right;
}

#friendsIcone .fStats span {
    color: #3296AE;
}

#friendsIcone img {
        border: 1px solid #DDD;
}

/* ICONS WITH IMAGES */
a.icon,
a.icon_link_user,
a.icon_link_user_add,
a.icon_link_review,
a.icon_link_reviewcomment,
a.icon_link_add,
a.icon_link_edit,
a.icon_link_fav,
a.icon_link_image,
a.icon_link_video {
    background-repeat:no-repeat;
    background-position:left top;
    padding:2px 0px 2px 19px;
    display: inline;
    line-height:17px
}
a.link_user,
a.icon_link_user,
a.icon_link_user_add,
a.icon_link_review,
a.icon_link_reviewcomment,
a.icon_link_add,
a.icon_link_edit,
a.icon_link_fav,
a.icon_link_image,
a.icon_link_video {
    color:#3296AE;
    text-decoration:none;
}

a.icon_link_user {
    background-image: url(http://static.n49.ca/images/icon_user_link.gif);
}
a.icon_link_user_add {
    background-image: url(http://static.n49.ca/images/icon_user_add.gif);
}
a.icon_link_review {
    background-image: url(http://static.n49.ca/images/icon_bubble.gif);
}
a.icon_link_reviewcomment {
    background-image: url(http://static.n49.ca/images/icon_bubble_plus.gif);
}
a.icon_link_add {
    background-image: url(http://static.n49.ca/images/icon_add.gif);
}
a.icon_link_edit {
    background-image: url(http://static.n49.ca/images/icon_pen_paper.gif);
}
a.icon_link_fav {
    background-image: url(http://static.n49.ca/images/icon_pop_reviews.gif);
}
a.icon_link_image {
    background-image: url(http://static.n49.ca/images/icon_photo_plus.gif);
}
a.icon_link_video {
    background-image: url(http://static.n49.ca/images/icon_photo_plus.gif);
}

a.icon_link_user:hover {
    color:#FF9900;
    text-decoration:underline;
}

#menu_icon {
}

#menu_icon a {
    display: block;
    padding: 0 0 3px 22px;
}

/* WHAT'S NEW BOX */
#whatsnew {
    padding: 5px 5px 5px 7px;
    border: 1px solid #F00;
    border-top: none;
}
#whatsnew .icon {
     color: #F00;
     padding-left: 25px;
     text-decoration: none;
}
#whatsnew .icon:hover {
     color: #FF9900;
     text-decoration: underline;
}

/* MEMBER BOX PROPERITES IN THE FIRST COLOUMN */
#members_box_wrapper{
    border:solid 7px #CFCFCF;
    padding:7px;
    margin-top:20px;
}

#members_box_wrapper h2{ font-size: 100%; font-weight: bold; margin-bottom: 5px; font-size:12px; }

#members_box_wrapper .header{
    position:absolute;
    left:0px;
    height:21px;
    width:145px;
    margin-top:-35px;
}

#members_box_wrapper .hr{
    margin:8px 0px;
}

#members_box_wrapper ul.colum_links.center{
    text-align:center;
    margin:5px 0px;
}

#members_box_wrapper #rankWrapper{
    width:62px;
    height:8px;
    border:solid 1px #999999;
    overflow:hidden;
    margin-top:1px;
}
#members_box_wrapper #rankBar{
    height:8px;
    overflow:hidden;
}

#menuLeft {
    text-align: left;
}

#menuLeft a {
    color:#FF1A00;
    font-size: 12px;
    text-decoration:none;
    padding: 1px 2px;
    display: block;
}

#menuLeft a:hover,
#menuLeft a.important{
    color:#FFF;
    background-color: #FF1A00;
}

#menuLeft .numbers {
    float: right;
}

#member_element_photos .large_image .img{
    width:80px;
    height:80px;
    margin:0px;
    overflow:hidden;
}
#member_element_photos .small_image .img{
    width:25px;
    height:25px;
    margin:0px 0px 2px 0px;
    overflow:hidden;
}

/* The Select Box For The Header */
select.sortby{
    font-size:11px;
}

/* Red Circle Element */
.top_red_element{
    position:absolute;
    z-index:1000;
    top:-15px;
    left:0px;
    height:50px;
    width:50px;
}
.top_red_element_bg{
    background-image:url('http://static.n49.ca/images/element_top_50.gif');
    background-repeat:no-repeat;
    background-position:top left;
    height:50px;
    width:50px;
    color:#FFFFFF;
    text-align:center;
    font-size:160%;
    line-height:80%;
    overflow:hidden;
    padding:12px 0px 0px 0px;
}

/* //////////////////////////////////////////////////////////
    Large Red Buttons
///////////////////////////////////////////////////////// */

input.big_search,
input.big_display,
input.big_button,
input.big_button_wider,
input.big_button_widest{
    border:none;
    cursor:pointer;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    height:24px;
    width:86px;
    background-repeat: no-repeat;
    background-color:#FFFFFF;
}

input.big_button_wider{
    width:115px;
    background-image:url('http://static.n49.ca/images/button_red_wider.gif');
}
input.big_button_widest{
    width:160px;
}
input.big_search{
    background-image:url('http://static.n49.ca/images/button_submit_red.gif');
}
input.big_display{
    background-image:url('http://static.n49.ca/images/button_display_red.gif');
}

a.flat_button {
    color: #000;
    background: #CCC;
    padding: 2px;
    border: 1px solid #999;
    font-weight: bold;
    text-decoration: none;
}

a.flat_button:hover {
    color: #FFF;
    background: #F00;
    text-decoration: none;
}

/* //////////////////////////////////////////////////////////
    Font Styles (general font changes)
///////////////////////////////////////////////////////// */
.fine{
    font-size:85%;
}


/* //////////////////////////////////////////////////////////
    Button Styles (a tags and other links)
///////////////////////////////////////////////////////// */
.onClickLink{
    cursor:pointer;
}
.arrow_right{
    text-align:right;
    padding-right:20px;
    background-image:url('http://static.n49.ca/images/arrow_right_simple_grey.gif');
    background-repeat:no-repeat;
    background-position:right;
}
.arrow_left{
    text-align:left;
    padding-left:20px;
    background-image:url('http://static.n49.ca/images/arrow_left_simple_grey.gif');
    background-repeat:no-repeat;
    background-position:left;
}

.blueArrow {
    background: transparent url('http://static.n49.ca/images/icon_blue_arrow.gif') no-repeat left 55%;
    padding-left: 10px;
}
.blueArrowLeft {
    background: transparent url('http://static.n49.ca/images/icon_blue_arrow_left.gif') no-repeat left  55%;
    padding-left: 15px;
}
.blueArrowRight {
    background: transparent url('http://static.n49.ca/images/icon_blue_arrow.gif') no-repeat right  55%;
    padding-right: 15px;
}


a.yellowLink, .yellowText{
    color:#F4E204;
    text-decoration:none
}
a.yellowLink:hover{
    color:#F4E204;
    text-decoration:underline;
}

a.orangeLink, .orangeText{
    color:#F76102;
    text-decoration:none
}
a.orangeLink:hover{
    color:#F76102;
    text-decoration:underline;
}

a.darkOrangeLink, .darkOrangeText{
    color:#F36110;
    text-decoration:none;
    font-size:12px;
}
a.darkOrangeLink:hover{
    color:#FF0000;
    text-decoration:underline;
}

a.blueLink, .bluetext, .blueText, .ratingLink {
    color:#3296AE;
    text-decoration:none
}
a.blueLink:hover,  .ratingLink:hover {
    color:#FF9900;
    text-decoration:underline;
}

a.redLink, .redText{
    color:#FF1A00;
    text-decoration:none;
}
a.redLink:hover{
    color:#FF9900;
    text-decoration:underline;
}


a.blackLink, .blackText{
    color:#000000;
    text-decoration:none;
}
a.blackLink:hover{
    color:#000000;
    text-decoration:underline;
}

a.greyLink, .greyText{
    color:#666666;
    text-decoration:none;
}
a.greyLink:hover{
    color:#FF1A00;
    text-decoration:underline;
}

a.lightGreyLink, .lightGreyText{
    color:#666666;
    text-decoration:none;
}
a.lightGreyLink:hover{
    color:#FF1A00;
    text-decoration:underline;
}

a.greyUnderlinedLink,
.greyUnderlinedLink a
{
    color:#666666;
    text-decoration:none;
    border-bottom:dotted 1px #CCCCCC;
}

a.greyUnderlinedLink:hover,
.greyUnderlinedLink a:hover
{
    color:#FF1A00;
    text-decoration:none;
    border-bottom:dotted 1px #FF1A00;
}

a.underline{
    text-decoration:underline;
}


a.linkitemInactive {
    color:#8bd9ec;
}

a.dotted_underline,
.dotted_underline{
    border-bottom-style:dotted;
    border-bottom-width:1px;
    text-decoration:none;
}
a.dotted_underline:hover,
.dotted_underline a:hover{
    text-decoration:none;
    border-bottom-width:2px;
}
.line_black{
    border-bottom-color:#000000;
}

a.editButton{
    color:#999;
    text-align:right;
    display:block;
    margin:5px 0px 0px 0px;
}

.socialLinks a{
    line-height:20px;
}

/* //////////////////////////////////////////////////////////
    Text Styles
///////////////////////////////////////////////////////// */

.smallText{
    font-size:80%;
}

/* //////////////////////////////////////////////////////////////////
    TABs
////////////////////////////////////////////////////////////////// */

ul.nav { padding: 10px 0 0 0; margin: 0 0 0 0; position: relative; left: 3px; font-size:12px; }

.nav li {
    float:left;
    line-height:16px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0px 0px 0px -3px;
    padding: 0 17px 0px 0;
    position:relative;
    z-index: 100;
}
.nav li a {
    text-decoration:none;
    color:#666;
    font-weight: bold;
    background-color:#DDDDDD;
    display: block;
    padding-left: 3px;
    border-top: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
}
.nav li.overTab   { background: url('http://static.n49.ca/images/tabs_over.gif') right no-repeat; z-index: 200; }
.nav li.overTab a {
    background-color: #F79910;
    border-color: #F79910;
    color:#FFF;
}

.nav li.onTab { z-index: 102; }
.nav li.onTab a {
    background-color: #F8180C;
    border-color: #F8180C;
    color:#FFF;
}

.tabs_bottom {
    height:0px;
    overflow:hidden;
    clear:both;
    border-bottom:solid 3px #F8180C;
    margin-bottom: 8px;
}

.tabsRight {
    float: right;
    position: absolute;
    position: relative;
    top: 10px;
}

/* //////////////////////////////////////////////////////////
    search box + left links positioning
///////////////////////////////////////////////////////// */

#sorting .l {
    float: left;
    padding: 3px 0 0 8px;
}

#sorting .r {
    color: #9A9A9A;
    padding: 3px 0 5px 25px;
    float: right
}


/* //////////////////////////////////////////////////////////
    General Styles (clear_all, ext)
///////////////////////////////////////////////////////// */
.clearAll{
    position:relative;
    clear:both;
}
a.clearStyles, .clearStyles{
    font-weight:normal;
}
.small_vertical_margin{
    margin-top:4px;
    margin-bottom:4px;
}
.vertical_margin{
    margin-top:10px;
    margin-bottom:10px;
}
.l { float: left; }
.r { float: right }

/* //////////////////////////////////////////////////////////
    Not sure where to put This,
    Style for the preloader image
///////////////////////////////////////////////////////// */
img.preloader_image{
   position:relative;
   left:50%;
   width:25px;
   height:25px;
   margin:10px 0px 0px -12px;
}

/* //////////////////////////////////////////////////////////
    Not sure where these should go,
    need to find a sheet for these
///////////////////////////////////////////////////////// */

#videos_content ul {
    list-style: none;
}

.gallery_small_image{
    width:124px;
    height:187px;
    margin:3px 4px 0px;
    float:left;
}
.gallery_small_image .hide_on_small_image{
    display:none;
}
.gallery_small_image .thumbImage {
    width:120px;
    height:120px;
    margin-bottom:5px;
    overflow:hidden;
    text-align:center;
}

.gallery_large_image{
    width:205px;
    height:270px;
    margin-left:8px !important;
    margin:10px 6px 0px 6px;
    float:left;
}
.gallery_large_image .thumbImage {
    width:207px;
    height:207px;
    margin-bottom:5px;
    overflow:hidden;
    text-align:center;
}

.gallery_large_image .hr,
.gallery_small_image .hr{
    margin:5px 0px;
}
.thumbImage img{
    margin:0px auto;
    border:1px solid #EEEEEE;
}

.gallery_large_image .imgOptions { float:right; }
.imgOptionsTooltip {
    display:table;
    border:3px solid #DD1111;
	font-size:11px;
	padding:5px;
	color:#1B4966;
	background:#FFFFFF;
	filter:alpha(opacity=92); // IE
	opacity:0.92; // FF
}

/* //////////////////////////////////////////////////////////
    Not sure where these should go,
    need to find a sheet for these
////////////////////////////////////////////////////////// */

ul.video_thumb_wrapper {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 676px;
/*    display: table;*/
}

ul.video_thumb_wrapper li {
    border: solid 2px #E8E7E8;
    width: 334px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow:hidden;
}

/* //////////////////////////////////////////////////////////
    Not sure where these should go,
    They are the styles for the popup windows on onstage elements
///////////////////////////////////////////////////////// */
div.button{
    cursor:pointer;
}

.popup_wrapper{
    position:absolute;
    z-index:9999;
    top:0px;
    left:0px;
    width:100%;
    height:1px;
    margin:0px;
    }

.popup_element{
    height:0px;
    display:table;
    position:absolute;
}

.popup_table{
    height:0px;
}

.inline_element_container{
    padding:10px;
    display:table;
    margin:0px auto;
    text-align:center;
}
.inline_element{
    position:relative;
    display:block;
    text-align:left;
}


/* STYLES FOR THE SQUARE ROUND UPS */
.circle_element,
.circle_element_preloader{
    width:340px;
    height:340px;
    /* margin-left:-170px; */
    background-image:url('http://static.n49.ca/images/popup_bg_circle.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
.circle_element .closeButton{
    position:absolute;
    top:0px;
    left:155px;
    color:#FFFFFF;
    padding-top:12px;
    text-align:center;
    width:30px;
    height:25px;
    background-image: url('http://static.n49.ca/images/popup_circle_close_button.gif');
    background-repeat:no-repeat;
    background-position: top center;
}

.circle_element .h1{ /* The Div The contains the H1 */
    position:absolute;
    top:48px; /* The top of the content - this items height + 1*/
    left:55px;
    height:18px;
    width:240px;
}
.circle_element h1{
    color:#FFFFFF;
    font-size:18px;
}

.circle_element .contentHolder{
    position:absolute;
    top:65px;
    left:37px;
    width:222px;
    height:160px;
    padding:15px 15px 25px 15px;
    border:solid 5px #DDDDDD;
    background-color:#FFFFFF;
}

/* PRELOADER STYLES */
.circle_element_preloader,
.square_element_preloader{
    position:relative;
    margin:0px auto;
    z-index:1;
}
.square_element_preloader{
    background-color:#FFFFFF;
    border:solid 10px #F9150D;
    width:100px;
    height:100px;
}


/* STYLES FOR THE SQUARE POP UPS */
.square_element{
    border:solid 10px #F9150D;
    background-color:#FFFFFF;
    min-width:350px;
    width:auto !important;
    width:350px;
}
.square_element .closeButton{
    position:absolute;
    z-index:20;
    top:9px;
    left:100%;
    margin-left:-55px;
    width:45px;
    height:13px;
    background-image: url('http://static.n49.ca/images/popup_square_close_button.gif');
    background-repeat:no-repeat;
    background-position: right;
}

.square_element .h1{ /* The Div The contains the H1 */
    position:absolute;
    z-index:10;
    top:5px;
    left:0px;
    width:100%;
    height:26px;
}
.square_element h1{
    color:#B0B0B0;
    font-size:24px;
    margin-right:10px;
}

.square_element .contentHolder{
    position:relative;
    z-index:1;
    /* padding:40px 15px 20px; */
    border:solid 5px #CFCFCF;
    background-color:#FFFFFF;
}
.square_element .innerContentHolder{
     margin:40px 15px 20px;
}

/* //////////////////////////////////////////////////////////
    Syles Specific for Review
///////////////////////////////////////////////////////// */
.review_full{
    /* background-color:#F8F8F8; */
}

.no_bottom{
    border-bottom:none;
}
#reviews_content .review_short,
#reviews_content .review_full{
    position:static;
    padding:0px 10px 10px;
    margin:10px 0px 0px;
    /* border-bottom:none; */
    border-bottom:solid 5px #DDDDDD;
}
#reviews_content .review_full{
    padding:10px 10px 10px;
    margin:0px 0px 0px;
}

#reviews_content .reviewPhotoPreview{
    width:85px;
    height:115px;
    overflow:hidden;
}
/* Elements that will only been shown on the review full details element  */
.review_short .short_hide{
    display:none;
}
.review_full .full_hide{
    display:none;
}

/* Removing the underline from short review icons that need a empty space in them */
.review_short a.review_icon{
    text-decoration:none;
}

/* Displaying the top left element of the review (stars, image preview) */
.review_short .review_rating,
.review_full .review_rating{
    float:left;
    width:85px;
    padding-right:10px;
}
.review_short .review_rating{
    height:150px;
}
.review_full .review_rating{
    height:30px;
}

.review_short .top_details,
.review_full .top_details{
    margin-left:95px;
}

#reviews_content .review_thumbnails{
    margin-top:10px;
}
#reviews_content .review_thumbnails img{
    margin-right:10px;
}

.review_pros{
    padding-right:10px;
}
.review_pros,
.review_cons{
    display:table-cell;
}


/* //////////////////////////////////////////////////////////
    Syles Specific for Articles
///////////////////////////////////////////////////////// */
.article_full{
    /* background-color:#F8F8F8; */
}

.no_bottom{
    border-bottom:none;
}
#articles_content .article_short,
#articles_content .article_full{
    position:static;
    padding:0px 10px 10px;
    margin:10px 0px 0px;
    /* border-bottom:none; */
    border-bottom:solid 5px #DDDDDD;
}
#articles_content .article_full{
    padding:10px 10px 10px;
    margin:0px 0px 0px;
}

#articles_content .articlePhotoPreview{
    width:85px;
    height:115px;
    overflow:hidden;
}
/* Elements that will only been shown on the article full details element  */
.article_short .short_hide{
    display:none;
}
.article_full .full_hide{
    display:none;
}

/* Removing the underline from short article icons that need a empty space in them */
.article_short a.article_icon{
    text-decoration:none;
}

/* Displaying the top left element of the article (stars, image preview) */
.article_short .article_rating,
.article_full .article_rating{
    float:left;
    width:85px;
    padding-right:10px;
}
.article_short .article_rating{
    height:150px;
}
.article_full .article_rating{
    height:30px;
}

.article_short .top_details,
.article_full .top_details{
    margin-left:95px;
}

#articles_content .article_thumbnails{
    margin-top:10px;
}
#articles_content .article_thumbnails img{
    margin-right:10px;
}

.article_pros{
    padding-right:10px;
}
.article_pros,
.article_cons{
    display:table-cell;
}


/* Comments UL (the display of comments) */
ul.comments{
    margin-left:75px;
    margin-top:5px;
    padding-left:20px;
}
ul.comments li{
    list-style: none outside url('http://static.n49.ca/images/grey_review_arrow.gif');
    /* background-image: url('http://static.n49.ca/images/grey_comment_arrow.gif'); Image doesn't exist */
    background-position: left top;
    background-repeat:no-repeat;
    padding-bottom:15px;
}


/* Rating links */

a.ratingLink {
    top:-3px;
    position: relative;
}


/* Styles For Video Thumbnails on the upload element */
.video_thumbnail_wrapper .thumbnail{
    width:155px;
    height:175px;
    margin:3px;
    float:left;
    text-align:center;
}
.video_thumbnail_wrapper .thumbnail img{
    border:dashed 1px #333333;
}

/* Styles for the Image Enlarge Popup */
.popup_image_enlarge .title{
    color:#ffffff;
    font-weight:bold;
}
.popup_image_enlarge .top_bar{
    position:relative;
    background-color:#DDDDDD;
    height:20px;
    width:525px;
}

.popup_image_enlarge .top_bar a.next{
    background: #DDDDDD url('http://static.n49.ca/images/arrow_right_grey.gif') no-repeat;
    background-position: right;
    padding-right:20px;
    margin-right:10px;
    float:right;
    position:relative;
    top:4px;
}
.popup_image_enlarge .top_bar a.previous{
    background: #DDDDDD url('http://static.n49.ca/images/arrow_left_grey.gif') no-repeat;
    background-position: left;
    padding-left:20px;
    margin-left:10px;
    position:relative;
    top:4px;
}


.popup_image_enlarge .image_video{
    text-align:center;
    width:525px;
    min-height:320px;
    height:auto !important;
    height:320px;
    margin:2px 0px;
    padding:0px;
}
.popup_image_enlarge .image_video img{
    margin:0px;
    padding:0px;
}


.popup_image_enlarge .details{
    float:right;
    width:200px;
}

/* Styles for the directory_browser_element */
#header_list a{
    line-height:18px;
}
ul.browse_parent{
    margin:0px;
    padding:0px;
    list-style:none;
    list-style-image:none;
    color:#000000;
}
ul.browse_parent a{
   color:#000000;
}
ul.browse_child{
    margin:0px 10px;
    padding:0px;
    list-style:none;
    list-style-image:none;
}

ul.browse_parent li{
    list-style:none;
    list-style-image:none;
    margin:0px 0px 10px 0px;
    padding:0px;
    font-weight:bold;
}
ul.browse_child li{
    margin:0px;
    padding:0px;
    font-weight:normal;
    list-style:none;
    list-style-image:none;
}
ul.browse_parent li a,
ul.browse_child li a{
    color:#333333;
    text-decoration: none;
    border-bottom: dotted 1px #333333;
}


#mainWrapper{
    width:600px;
    height: auto !important;
    height:200px;
    min-height:200px;
}
.imageWrapper a,
.imageWrapper a:hover{
    color:#666666;
    text-decoration:none;
}
.imageWrapper {
    float:left;
    margin:0px 10px 20px 0px;
    text-align:right;
    width:140px;
    height:109px;
}
.thumb img{
    border:2px solid #cccccc;
    margin:0px 0px 0px 0px;
    padding:3px;
    height:86px;
}

#mainSectionsWrapper{
    width: 210px;
    float: right;
}

.imageBlockWrapper,
.imageThumb img {
    float:left;
    margin:5px 0px 5px 5px;
}
.imageBlockWrapper{}

.imageThumb img{
    border:2px solid #cccccc;
    margin:0px 9px 0px 0px;
}

/* Link Cloud Colour Gradiants */
.colour_1 a.shade_0:hover,
.colour_1 a.shade_1:hover,
.colour_1 a.shade_2:hover,
.colour_1 a.shade_3:hover,
.colour_1 a.shade_4:hover { color: #FF0000; }

.colour_1 a.shade_0{ color: #000000; }
.colour_1 a.shade_1{ color: #1F1F1F; }
.colour_1 a.shade_2{ color: #3F3F3F; }
.colour_1 a.shade_3{ color: #5F5F5F; }
.colour_1 a.shade_4{ color: #7F7F7F; }

/*///////////////////
//  DIRECTORY PAGE
///////////////////*/
#directory_browser_element .imageWrapper a { font-size:11px; }

/* Facebook link style*/
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?12:26981) no-repeat top left; }

.domainname_wrapper {
    width:220px;
    height:115px;
}

.domainname_wrapper a {
    text-decoration: none;
    display: table-cell;
    width: 220px;
    height: 115px;
    vertical-align: bottom;
}

h2#domainname {
    color: #F9150D;
    font-size: 24pt;
    display:inline;
    white-space:pre-wrap;
}
h2#domainname img {
    vertical-align: -10px;
    border: none;
}


#feed_wrapper {
    padding: 10px 0 0 10px;
}
#feed_wrapper .feed_item:last-child  {
    border-bottom: none;
}

.feed_item {
    padding-bottom: 3px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #CCCCCC;
    min-height: 50px;
    position: relative;
    width: 100%;
}
    .feed_item .from_avatar {
        width:45px;
        height:45px;
        padding-right: 5px;
    }
    .feed_item > table,
    .feed_item table.review_container {
        width: 100%;
    }
    .feed_item table,
    .feed_item tr,
    .feed_item td {
        margin: 0;
        padding: 0;
    }
    .feed_item td.vr,
    .feed_item td.vr_left_padding {
        margin: inherit;
        padding-left: 10px;
    }
    

#feed_wrapper .blackLink {
    font-weight: bold;
    margin: 0 3px;
}

.error_box {
    border: 3px solid red;
    padding: 5px;
    color: red;
}

.status_box.green {
    border: 3px solid green;
    padding: 5px;
    color: green;
    text-align: center;
}

.status_box.red {
    border: 3px solid red;
    padding: 5px;
    color: red;
    text-align: center;
}

/* For the edit-website sitemap page */

td.cust_title {
    width: 300px;
    text-align: center;
}

td.cust_value {
    width: 400px;
    text-align: center;
}

.hidden {
    display: none;
}

.rating_stars {
    background-color: white;
    z-index: 0;
    display: inline;
}

.rating_container_big, .rating_container, .rating_container_small {
    position: relative;
    overflow: hidden;
}
.rating_container_big {
    width: 150px;
    height: 30px;
}
.rating_container {
    width: 100px;
    height: 20px;
}
.rating_container_small {
    width: 70px;
    height: 14px;
}
.star_rating { position: absolute; }
.rating_container_small .rate_0   { top: 0; }
.rating_container_small .rate_0_5 { top: -14px; }
.rating_container_small .rate_1   { top: -28px; }
.rating_container_small .rate_1_5 { top: -42px; }
.rating_container_small .rate_2   { top: -56px; }
.rating_container_small .rate_2_5 { top: -70px; }
.rating_container_small .rate_3   { top: -84px; }
.rating_container_small .rate_3_5 { top: -98px; }
.rating_container_small .rate_4   { top: -112px; }
.rating_container_small .rate_4_5 { top: -126px; }
.rating_container_small .rate_5   { top: -140px; }

.rating_container .rate_0   { top: 0; }
.rating_container .rate_0_5 { top: -20px; }
.rating_container .rate_1   { top: -40px; }
.rating_container .rate_1_5 { top: -60px; }
.rating_container .rate_2   { top: -80px; }
.rating_container .rate_2_5 { top: -100px; }
.rating_container .rate_3   { top: -120px; }
.rating_container .rate_3_5 { top: -140px; }
.rating_container .rate_4   { top: -160px; }
.rating_container .rate_4_5 { top: -180px; }
.rating_container .rate_5   { top: -200px; }

.rating_container_big .rate_0   { top: 0; }
.rating_container_big .rate_0_5 { top: -30px; }
.rating_container_big .rate_1   { top: -60px; }
.rating_container_big .rate_1_5 { top: -90px; }
.rating_container_big .rate_2   { top: -120px; }
.rating_container_big .rate_2_5 { top: -150px; }
.rating_container_big .rate_3   { top: -180px; }
.rating_container_big .rate_3_5 { top: -210px; }
.rating_container_big .rate_4   { top: -240px; }
.rating_container_big .rate_4_5 { top: -270px; }
.rating_container_big .rate_5   { top: -300px; }

.mobileLink {
    color: black;
    text-decoration: underline;
}