body {
  background: #fff;
  margin: 0px auto;
  padding: 0px;
  font-family: Arial;
  font-size: 12px;
}
html {
    scrollbar-arrow-color:#5f9ea0;
    scrollbar-track-color:#e6e6fa;
    scrollbar-shadow-color:#dddddd;
    scrollbar-face-color:#F5F5F5;
    scrollbar-highlight-color:#f0fff0;
    scrollbar-darkshadow-color:#F5F5F5;
    scrollbar-3dlight-color:#EDEBEE;
}
.bg_about {
    background: #fff url(../images/desktop_pikspot_about.jpg) left 35px no-repeat fixed;
}
.bg {
    background: #fff url(../images/desktop_pikspot2.jpg) left 35px no-repeat fixed;
}
.page {
    width: 885px;
    font-family: Arial;
    font-size: 12px;
    padding-top: 45px;
}
#scrollContainer {
    position: absolute;
    left: 0px;
    top : 35px;
}
.leftnav {
    width: 127px;
    color: #000;
    padding-top: 57px;
}

/* top bar */
    .topBar {
        position:fixed;
        display:block;
        top: 0;
        left:0;
        width:100%;
        height:36px;
        background: url(../images/topbar-bg.jpg) center repeat-x;
        z-index:1000000;
        font-size: 9pt;
        color: #808080;
    }

    .groupName {
        font-size: 11pt;
        font-weight: bold;
        color: #333;
    }

    #homeMenu {
        width:231px;
        position: absolute;
        top: 36px;
        z-index:10;
        border: 0px;
        padding: 0px 10px 15px 0px;
        background: url(../images/shadow_left.png) top left no-repeat
    }
    html > body #homeMenu {
        width:231px;
        position: fixed;
        left: -231px;
        top: 36px;
        z-index:10;
        border: 0px;
        padding: 0px 10px 15px 0px;
        background: url(../images/shadow_left.png) top left no-repeat
    }
    #controlPanel {
        width:355px;
        position: absolute;
        top: 35px;
        right: 1px;
        z-index:10;
    }
     html > body #controlPanel {
        width:355px;
        position: fixed;
        top: 36px;
        right: 1px;
        z-index:10;
    }
    .fadeIn {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
    .fadeOut {
        filter:alpha(opacity=0);
        -moz-opacity: 0.0;
        opacity: 0.0;
    }

/* / top bar */

/* home menu */
    .homeMenuHeader {
        height: 32px;
        background: #fff url(../images/menu-header-back.jpg) top repeat-x;
        font-size: 9pt;
        font-weight: bold;
        padding: 0px 10px;
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    .homeMenuContent {
        background: #f2f2f2 url(../images/menu-back.jpg) top repeat-x;
        font-size: 9pt;
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }

    .homeMenuContentContainer {
        width:212px;
        background: #fff url(../images/menu-header-back.jpg) top repeat-x;
        border: 1px solid #e1e1e1;
        border-top: 1px solid #fff;
    }
    .homeMenuFirstItem {
        padding: 0px 0px 0px 3px;
    }
    .homeMenuNextItem {
        background: #fff url(../images/menu-header-back.jpg) top repeat-x;
        font-size: 10pt;
    }
    .homeMenuNextItem td {
        padding: 3px 5px;
    }

    #homeMenu a.menuLink:link, a.menuLink:visited {
        display: block;
        width: 100%;
        height: 31px;
        line-height: 31px;
        font-family: Segoe UI, Arial;
        font-size: 9pt;
        color: #000;
        text-decoration: none;
    }

    #homeMenu a.menuLink:hover, a.menuLink:active {
        display: block;
        background: #f0efef;
        width: 98%;
        font-family: Segoe UI, Arial;
        font-size: 9pt;
        color: green;
        text-decoration: none;
    }
/* / home menu */

/* control panel */
    .navbar {
        width: 355px;
        background: #fff;
        border: 1px solid #d0cccc;
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
    .navbarHeader {
        background: #fff url(../images/bar-back.jpg) no-repeat 1px 1px;
        width: 355px;
        height: 36px;
        padding: 1px 0px 0px 0px;
        border: 1px solid #d0cccc;
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
    #cpHeader {
        padding-left: 30px;
        font-weight: bold;
    }
    .topItem {
        text-indent:15px;
        font-size: 12px;
        font-weight: bold;
        color: #606060;
        background: url(../images/arrow-up-title-off.jpg) no-repeat 0 0;
        background-position:center center;
        background-repeat:no-repeat;
        border: none;
        width: 355px;
        height: 30px;
        line-height: 30px;
        cursor:pointer;
    }
    .topItem:hover {
        width: 355px;
        background: url(../images/arrow-up-title-on.jpg) no-repeat 0 0;
    }
    .topItemClose {
        text-indent:15px;
        font-size: 12px;
        font-weight: bold;
        color: #606060;
        background: url(../images/arrow-down-title-off.jpg) no-repeat 0 0;
        background-position:center center;
        background-repeat:no-repeat;
        border: none;
        width: 355px;
        height: 30px;
        line-height: 30px;
        cursor:pointer;
        border-bottom: 1px solid #fff;
    }
    .topItemClose:hover {
        width: 355px;
        background: url(../images/arrow-down-title-on.jpg) no-repeat 0 0;
    }
    .dropMenu {
        font: bold 12px;
        background: #f2f2f2 url(../images/drop-menu-bg.jpg) 0 0 repeat-x;
        color: #000;
        border-width: 0px 1px 1px 1px;
        padding-top:0px;
        padding-bottom:0px;
    }

    .cPanel{
        width: 355px;
        margin: 0px;
    	padding: 0px;
        background: #fff;
        border: 1px solid #d0cccc;
    }
    /* heading

        .cPanel .SectionHeading{
			border-top: 1px solid #000;
            border-bottom: 1px solid #000;
			border-collapse: collapse;
			height: 33px;
			background-color: #424245;
			color: #FFFFFF;
		}

		.cPanel .SectionHeading td{
			font-size: 10pt;
			padding: 0px 10px;
		}

		.cPanel .SectionHeading .Links{
			font-size: 9pt;
			color: #C0C0C0;
		}

		.cPanel .SectionHeading .Links a{color: #FFF;}
	 /heading */

	/* content
		.cPanel .SectionContent{
			 background: url(../images/desktop-gray3.jpg);
			 color: #FFF;
			 font-size: 9pt;
		}

		.cPanel .SectionContentHeading{font-size: 10pt;}

    		.cPanel .SectionContent a{color: #FFF;}

		.cPanel .SectionContent .higlighted{color: #F00}
	 /content */

	/* login form
		.cPanel .LoginForm label{
			font-size: 10pt;
			color: #CACACA;
		}

		.cPanel .LoginForm .txtInput{
			color: #FFFFFF;
			border: 1px solid #000;
			background-color: #343436;
		}

		.btnSubmit{
			color: #FFF;
			border: 1px solid #000000;
			background-color: #3B3C3D;
			vertical-align:middle;
		}
        .cPanel .red {
            color: pink;
        }
	 /login form */

	/* listing
		.cPanel .SectionContent table.Listing{
			border-color: #343436;

			color: #666;
			font-size: 9pt
		}

		.cPanel .SectionContent table.Listing td{background-color: #000;}
		.cPanel .SectionContent table.Listing td.Links{background-color: transparent;}
		.cPanel .SectionContent table.Listing .GroupName{color: #CACACA;}
	 /listing */

/* / control panel */


.header {
    background: #f98700;
    color: #fff; 
    padding: 7px;
}
#loading {
    position: absolute;
    left: 134px;
    width: 740px;
    margin: 0px 7px;
    height: 60px;
    z-index: 3;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    background: #fff url(../images/spinner.gif) 300px 15px no-repeat;
    padding-bottom:10px;
}
a.rightLink:link, a.rightLink:visited {
    font-family: Segoe UI, Arial;
    font-size: 9pt;
    color: black;
    text-decoration: none;
}
a.rightLink:hover, a.rightLink:active {
    color: green;
    text-decoration: underline;
}
a.rightLinkSel:link, a.rightLinkSel:visited {
    font-family: Segoe UI, Arial;
    font-size: 9pt;
    color: #d60108;
    text-decoration: none;
}
a.rightLinkSel:hover, a.rightLinkSel:active {
    color: #d60108;
    text-decoration: underline;
}

/* content */
    .content {
        width:758px;
        font-family: Arial, sans-serif;
        font-size: 12px;
    }

    .CenterArea{
    	width: 764px;
    	background: url(../images/bgCenterArea.gif) 0% 0% repeat-y;
    	font-family: Arial, Helvetica, sans-serif;
    }

    /* top bar */
    	.CenterArea .TopBar{
    		height: 45px;
    		background: url(../images/bgCATopBar.gif) 0% 0% no-repeat;
    	}

    	/* top bar links */
    		.CenterArea .TopBar .Links{
    			float: left;
    			width: 510px;
    			padding-left: 20px;
    			line-height: 11px;
    			padding-top: 9px;
    			font-size: 9pt;
    			color: #008000;
    		}

    		.CenterArea .TopBar .Links a{
    			font-family:"Times New Roman", Times, serif;
    			color: #808080;
    			text-decoration:none;
    		}

    		.CenterArea .TopBar .Links a:hover{
    			text-decoration:underline;
    		}

    		.CenterArea .TopBar .Links a.selected{
    			font-weight: bold;
    			color: #008000;
    		}
    	/* top bar links */

    	/* search form */
    		.CenterArea .TopBar .SearchForm{
    			float: right;
    			width: 210px;
    			padding: 3px 19px 0px 0px;
    			text-align:right;
    		}

    		.CenterArea .TopBar .SearchForm form{
    			margin: 0px;
    		}

    		.CenterArea .TopBar .SearchForm .txtInput{
    			width: 124px;
    			height: 18px;
    			line-height: 18px;
    			border: 1px solid #C0C0C0;
    			font-family: Arial;
    			font-size: 8pt;
    			padding: 0px 2px;
    			vertical-align:middle
    		}

    		.CenterArea .TopBar .SearchForm .btnSubmit{
    			border: 1px solid #E2E2E2;
    			color: #000;
    			background-color: #FFF;
    			vertical-align:middle
    		}
    	/* /search form */

    	/* list */
    		table.List{
    			clear:both;
    			width:725px;
    			border: 1px solid #EFF0F1;
    			border-collapse: collapse;
    			margin: 0px auto 20px auto;
    			background: #FFF url(../images/bgListTable.gif) 0px 20px repeat-x;
    		}

    		table.List th{
    			height: 26px;
    			border: 1px solid #EFF0F1;
    			/*background: url(../images/bgListTh.gif) 0% 50% repeat-x;*/
                background: #ffffff;
                color: #5E6062;
    			font-size: 10pt;
    			padding: 0px 5px;
    		}

    		table.List td{
    			border: 1px solid #EFF0F1;
    			padding:5px;
    			font-size: 9pt;
    		}

    		a.ListItemTitle:link, a.ListItemTitle:hover, a.ListItemTitle:active, a.ListItemTitle:visited {
    			color: #d60108;
    			font-weight: bold;
    			font-size: 12pt;
                text-decoration: none;
    		}

    		.ListItemInfo{
    			font-size: 9pt;
    		}

    		.ListPagination{
    			text-align: center;
    			height: 27px;
    			background: #FFF url(../images/bgListPagination.gif) 0% 0% repeat-x;
    		}
    	/* list */
    /* /top bar */

    .CenterArea .FooterBar{
    	height: 22px;
    	padding: 8px 45px 0px 45px;
    	background: url(../images/bgCAFooterBar.gif) 0% 0% no-repeat;
    	font-size: 8pt;
    	color:#5e6062;
    	line-height: 11px;
    }

    .CenterArea .FooterBar a{
    	color:#5e6062;
    	text-decoration:none;
    }
/* / content */

    .boxTable {
        border-bottom: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        background: #ffffff;
    }
    .boxTable th {
        background:#000 url(../images/nav-gradient.gif) bottom repeat-x;
        font-weight: bold;
        color: #fff;
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
    }
    .greenHeader {
        background: #b14848;
        font-weight: bold;
        color: #fff;
        font-size: 12px;
    }
    .redHeader {
	    background: #CC3A33;
        font-weight: bold;
        color: #fff;
        font-size: 12px;
	    text-align:left;
    }
    .boxTable td {
        font-size: 12px;
        padding-left: 10px;
    }

    .imgContainer {
        background: #fff;
        border: 1px solid #757575;
        width: 140px;
        height: 200px;
        overflow-y: auto;
        padding: 0px 10px;
    }

/* / content */


/* common */
a:link, a:visited {
    color: #3878c0;
    text-decoration: underline;
}

a:hover, a:active {
    text-decoration: none;
}

a.nodecorLink:link, a.nodecorLink:visited, a.nodecorLink:hover, a.nodecorLink:active {
    text-decoration: none;
    cursor: pointer;
}

a.redLink:link, a.redLink:visited {
    color: #d60108;
    text-decoration: none;
}
a.redLink:hover, a.redLink:active {
    text-decoration: underline;
}

a.blackLink:link, a.blackLink:visited, a.blackLink:hover, a.blackLink:active {
    color: #000;
    text-decoration: none;
}

a.mediumLink:link, a.mediumLink:visited, a.mediumLink:link, a.mediumLink:visited  {
    font-size: 14px;
}

a.bigLink:link, a.bigLink:visited, a.bigLink:hover, a.bigLink:active  {
    font-size: 18px;
}

a.tabLink:link, a.tabLink:visited {
    display: block;
    background: url(../images/custom-tabcenter.gif) bottom left repeat-x;
    height: 24px;
    line-height: 24px;
    color: #808080;
    text-decoration: none;
}
a.tabLink:hover, a.tabLink:active {
    display: block;
    background: url(../images/custom-tabcenter-on.gif) bottom left repeat-x;
    height: 24px;
    line-height: 24px;
    color: #0099FF;
    text-decoration: none;
}
a.tabLinkSelected:link, a.tabLinkSelected:visited {
    display: block;
    background: url(../images/custom-tabcenter-sel.gif) bottom left repeat-x;
    height: 24px;
    line-height: 24px;
    color: #008000;
    text-decoration: none;
}
a.tabLinkSelected:hover, a.tabLinkSelected:active {
     display: block;
    background: url(../images/custom-tabcenter-on.gif) bottom left repeat-x;
    height: 24px;
    line-height: 24px;
    color: #0099FF;
    text-decoration: none;
}
/*
a.tabLink:link, a.tabLink:visited {
    display: block;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    height: 25px;
    color: #CC3A33;
    line-height: 25px;
    text-decoration: none;
}
a.tabLink:hover, a.tabLink:active {
    display: block;
    background: #797e78;
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    height: 25px;
    color: #fff;
    line-height: 25px;
    text-decoration: none;
}
a.tabLinkSelected:link, a.tabLinkSelected:visited, a.tabLinkSelected:hover, a.tabLinkSelected:active {
    display: block;
    background: #797e78;
    border: 1px solid #d9d9d9;
    border-bottom: 0px;
    height: 25px;
    color: #fff;
    line-height: 25px;
    text-decoration: none;
}    */

a.communityTabLink:link, a.communityTabLink:visited {
    display: block;
    background: #fff;
    border: 1px solid #c8d2d4;
    border-bottom: 0px;
    height: 25px;
    color: #317ac9;
    line-height: 25px;
    text-decoration: none;
}
a.communityTabLink:hover, a.communityTabLink:active {
    display: block;
    background: #eaeff5;
    border: 1px solid #c8d2d4;
    border-bottom: 0px;
    height: 25px;
    color: #317ac9;
    line-height: 25px;
    text-decoration: none;
}
a.communityTabLinkSelected:link, a.communityTabLinkSelected:visited, a.communityTabLinkSelected:hover, a.communityTabLinkSelected:active {
    display: block;
    background: #eaeff5;
    border: 1px solid #c8d2d4;
    border-bottom: 0px;
    height: 25px;
    color: #317ac9;
    line-height: 25px;
    text-decoration: none;
}

h1 {
   font-family:Arial, sans-serif;
   font-size: 16px;
   color: #cc0000;
   padding: 5px 0px 0px 0px;
   margin: 0px;
}
h2 {
   font-size: 16px;
   padding: 4px 0px 0px 0px;
   margin: 0px;
}
h3 {
   font-size: 13px;
   padding: 7px 0px 3px 0px;
   margin: 0px;
}
p {
    margin: 0px;
    padding: 4px 0px;
}
form {
    display: inline;
}
select,textarea {
    font-family: Lucida;
    font-size: 11px;
    padding: 1px;
    border: 1px solid #4d4d4d;
}
hr {
    border: 1px solid #eee;
}
.normalTable td {
    padding: 0px;
}
.input {
    font-family: Arial;
    font-size: 11px;
    padding: 1px;
    border: 1px solid #4d4d4d;
}
.button {
    background:#D45751 url(../images/btn-gradient.gif) bottom repeat-x;
    border: 1px solid #000000;
    font-size: 11px;
    font-weight:bold;
    color:#fff;
    padding:2px 4px;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.titleRed {
    color: #CC3A33;
    font-size: 13px;
    font-weight: bold;
}
.titleGreen {
    color: #5a9b57;
    font-size: 13px;
    font-weight: bold;
}
.titleOrange {
    color: #de8900;
    font-size: 13px;
    font-weight: bold;
}
.black {color:#000;}
.blue {
    color: #0656b9;
}
.green {
    color: #60a94f;
}
.red {
    color: #CC3A33;  
}
.separator {
    background: url(../images/separator.gif) center repeat-x;
}
.lightText {
    color: #7e7e7e;
    font-size: 10px;
}
.lightTitle {
    color: #7e7e7e;
    font-size: 15px;
}
.smallText {
    font-size: 11px;
}
.profileText {
    font-size: 11px;
}
.bigText {
    font-size: 15px;
}
.biggerText {
    font-size: 16px;
}
.borderBox {
    border: 1px solid #e1dcd9;
    padding: 1px;
}
.bb {
    border-bottom: 1px solid #d9d9d9;
}
.bb_grey {
    border-bottom: 1px solid #f0f0f0;
}
.bt {
    margin-top: 15px;
    border-top: 1px solid #d9d9d9;
}
.bordertop {
    margin-top: 15px;
    border-top: 1px solid #d2d2d2;
}
.whiteBox {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    margin: 1px;
    font-size: 12px;
    text-align: left
}
.whiteBox td {
    padding: 2px;
}
.greyBox {
    background: #efefef;
}                   

.subtitle {
    background: #dadada;
    margin-bottom: 5px;
    padding: 1px 3px;
    border: 1px solid #dbd3d1;
    border-top: 0px;
    font-size: 11px;
 }
 
 a.sortHeaderLink:link, a.sortHeaderLink:visited, a.sortHeaderLink:hover, a.sortHeaderLink:active {
    background: url(../images/tabOrderItem.gif) left top repeat-x;
    display:block;
    width: 105px;
    height: 27px;
    line-height: 27px;
    margin: 0px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    text-indent: 10px;
 }       
 
 a.sortLink:link, a.sortLink:visited {
    display:block;
    width: 105px;
    height: 27px;
    line-height: 27px;
    background: #eaeaec;
    margin: 0px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    text-indent: 10px;
 }
 a.sortLink:hover, a.sortLink:active { 
    background: #dadada;
 }
 
 a.paginationLink:link, a.paginationLink:visited {
    text-decoration: none;
    border: 1px solid #e2e2e2;
    padding: 0px 1px;
 }
 a.paginationLink:hover, a.paginationLink:active {
    background: #4382b7;
    color: #fff;
    text-decoration: none;
    border: 1px solid #e2e2e2;
    padding: 0px 1px;
 }
 a.paginationLink:hover, a.paginationLink:active {
    background: #4382b7;
    color: #fff;
    text-decoration: none;
    border: 1px solid #e2e2e2;
    padding: 0px 1px;
 }
 .paginationSel {
    background: #4382b7;
    color: #fff;
    border: 1px solid #e2e2e2;
    padding: 0px 1px;
 }
 .pagination {
    color: #999;
    
 }
 
 .yellowBox {
    background: #ffffd3;
    border: 1px solid #fab30d;
    padding: 10px;
 }

 ul.checkList {
    list-style-image: url(../images/iconCheck.gif);   
    margin: 5px 0px 0px 0px;
    padding: 0px 20px;
 }
 ul.checkList li {
    padding: 2px 0px;
 }
 
 .redFieldset {
    width: 95%;
    border: 1px solid #f7e5c7;
 }
 .redFieldset legend {
    color: #666;
 }
 .newMessage {
   background: url(../images/new.gif) left no-repeat;
   padding-left: 50px;
   color: #A93535;
}

.newFont {
    font-family: Segoe UI;
    font-size: 9pt;
}
.newButton {
    border: 1px solid #808080;
    background: #fff;
    color: #000;
}
.gray {
    color: #808080;
}
a.redLink:link {
    color; #A93535;
}
.newGreen {
    color: #008000;
}
 
/* / common */

/* tag cloud sizes */
.tagsTop20 {
   font-size: 16px;
}
.tagsTop50 {
    font-size: 14px;
}
.tagsTop100 {
    font-size: 12px;
}
.tagsOther {
    font-size: 10px;
}
/* / tag cloud sizes */

/* Central Site Styles */
#channel_header {
	background:#000 url(../images/header-back.jpg) top no-repeat;
	height:100px;
	/*border:1px solid #606A72;*/
	/*padding:10px;*/
}
#channels_menu {
	background:#000 url(../images/nav-gradient.gif) bottom repeat-x;
	padding:2px 0 4px 0;
	border-bottom:2px solid #E4E4E4;
	font-family:Arial, sans-serif;
}
#channels_menu a {color:#fff;font-weight:bold;}
#channel_search {color:#CC3A33;}
/* / Central Site Styles */

.box_mainindex_center {
    background: url(../images/pikspot-trans.png) no-repeat center 100px;
    height: 400px;
    width: 100%;
    padding-top: 222px;
    text-align: center;
}
.search_input_mainindex {
    font-size: 20px;
    width: 306px;
    font-face: Segoe UI, Arial;
}
.search_button_mainintex {
    font-size: 20px;
    font-face: Segoe UI, Arial;
}

.box_mainindex_right {
    position: absolute;
    width: 239px;
    height: 33px;
    z-index: 4;
    top: 40px;
    right: 20px;
}