@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*.clearfix {display: inline-block;}*/
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* IE PNG fix needs the htc file and blank.gif */
/*.imgimg{
behavior: url(../stylesheets/iepngfix.htc);
}*/

.indentlist ul, ol{
margin-left:30px;
}

#banner{
background-image:url(../images/common/banner.png);
background-repeat:no-repeat;
height:120px;
}
#banner_edit{
background-image:url(../images/common/banner_edit.png);
background-repeat:no-repeat;
height:120px;
}
#login{
text-decoration:none;
color:#FFFFFF;
position:relative;
top:90px;
right:20px;
font-family:"Century Gothic",Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
}
#logout{
text-decoration:none;
color:#FFFFFF;
position:relative;
top:20px;
right:20px;
font-family:"Century Gothic",Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
}

.dotted_line{
background-image:url(../images/common/dotted_line.gif);
background-repeat:no-repeat;
width:155px;
height:1px;
font-size:0px;
line-height:1px;
}

#nav{
margin-bottom:5px;
width:175px;
overflow:hidden;
}
#nav_top{
background-image:url(../images/common/menu_grey_top.png);
background-repeat:no-repeat;
height:21px;
font-size:0px;
}
#nav_middle{
background-image:url(../images/common/menu_grey_middle.png);
background-repeat:repeat-y;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}
#nav_middle li{
list-style:none;
line-height:24px;
}
#nav_bottom{
background-image:url(../images/common/menu_grey_bottom.png);
background-repeat:no-repeat;
height:4px;
font-size:0px;
}
#menu_home{
background-image:url(../images/common/menu_Home.png);
background-repeat:no-repeat;
width:78px;
height:28px;
}
#menu_home:hover{
background-image:url(../images/common/menu_Home_roll.png);
background-repeat:no-repeat;
/*background-color:#FF3366;*/
}
#menu_FYF{
background-image:url(../images/common/menu_FYF.png);
background-repeat:no-repeat;
width:147px;
height:28px;
}
#menu_FYF:hover{
background-image:url(../images/common/menu_FYF_roll.png);
background-repeat:no-repeat;
/*background-color:#FF6600;*/
}
#menu_MSYP{
background-image:url(../images/common/menu_MSYP.png);
background-repeat:no-repeat;
width:73px;
height:28px;
}
#menu_MSYP:hover{
background-image:url(../images/common/menu_MSYP_roll.png);
background-repeat:no-repeat;
/*background-color:#2DA57F;*/
}
#menu_TBC{
background-image:url(../images/common/menu_TBC.png);
background-repeat:no-repeat;
width:149px;
height:28px;
}
#menu_TBC:hover{
background-image:url(../images/common/menu_TBC_roll.png);
background-repeat:no-repeat;
/*background-color:#0083D3;*/
}
#menu_YPP{
background-image:url(../images/common/menu_YPP.png);
background-repeat:no-repeat;
width:176px;
height:28px;
}
#menu_YPP:hover{
background-image:url(../images/common/menu_YPP_roll.png);
background-repeat:no-repeat;
/*background-color:#7C639B;*/
}
#menu_TCP{
background-image:url(../images/common/menu_TCP.png);
background-repeat:no-repeat;
width:142px;
height:28px;
}
#menu_TCP:hover{
background-image:url(../images/common/menu_TCP_roll.png);
background-repeat:no-repeat;
/*background-color:#DC0068;*/
}
#menu_PC{
background-image:url(../images/common/menu_PC.png);
background-repeat:no-repeat;
width:124px; /*118px*/
height:28px;
}
#menu_PC:hover{
background-image:url(../images/common/menu_PC_roll.png);
background-repeat:no-repeat;
/*background-color:#99BF46;*/
}
#menu{
background-image:url(../images/common/menu_black_round.png);
background-repeat:no-repeat;
text-align:center;
margin-top:6px;
margin-bottom:6px;
width:900px;
height:28px;
overflow:hidden;
}
#menu_list{
/*background-image:url(../images/common/menu_black.png);
background-repeat:no-repeat;*/
font-family:"Century Gothic", arial;
font-weight:bold;
font-size:13px;
text-decoration:none;
color:#FFFFFF;
white-space:nowrap;
list-style-type:none;
padding-bottom:0px;
display:block;
}
#menu_list li{
line-height:22px;
display:inline;
height:22px;
float:left;
}
.menu_list_item{
/*padding:2px 5px 2px 5px;*/
text-decoration:none;
color:#FFFFFF;
display:block;
overflow:hidden;
white-space:nowrap;
/*border-color:#CC0000;
border:1px;
border-style:dashed;*/
}
.menu_list_item:hover{
cursor:pointer;
/*background-color:#0083D3;*/
}
.menu_list_spacer{
background-image:url(../images/common/menu_spacer.png);
background-repeat:no-repeat;
width:1px;
height:28px;
display:block;
margin-left:-0px;
margin-right:-0px;
/*padding:6px 0px 6px 0px;*/
}
#pageref{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:15px;
margin-right:10px;
}
.pagereflinks{
color:#666666;
text-decoration:none;
}
.pagereflinks:visited{
color:#666666;
}

.links_text a{
color:#999999;
}

/* change padding for end items */
/*#menu_left{
padding-left:22px;
}
#menu_right{
padding-right:23px;
}*/

#container{
width:895px;
margin:5px auto 0px auto;
padding: 0px 5px 0px 5px;
}
#c1{
margin-right:5px;
float:left;
width:175px;
}
#footer{
background-image:url(../images/common/kinetic_logo.png);
background-repeat:no-repeat;
width:895px;
height:31px;
margin-top:90px;
margin-bottom:5px;
line-height:0px;
}
.close_popup{
text-decoration:none;
color:#333333;
}
.lightbox {
/*margin:0px auto 0px auto;*/
margin-top:0%;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
color: #333;
/*display: none;*/
position:relative;
/*width:60%;
top: 0;
left: 0;
right: 50%;
width: 50%;
height: 50%;*/
padding: 10px;
border: 10px solid #B8B8B8;
background-color: white;
text-align: left;
z-index:1002;
/*overflow: auto;	*/
}
#overlay{
/*background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
background-image:url(../images/common/transparency3.png);
background-repeat:repeat;*/
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
/* IE6 and below Can't See This */
/*.lightbox[id]{  position:fixed; }*/
#overlay[id]{
/*background-color:transparent;*/
position:fixed;
}
#loadingbar{
background-image:url(../images/common/loading.gif);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:1000;
}
#loadingbar[id]{
position:fixed;
}

.popup_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1001;
}
/*#table_container{
display:none;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%
}*/

/* popup upload box */

img.name { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #DDD; }		
img.button { 
width: 81px; height: 34px; 
cursor: pointer; margin-right: 5px;
}		
div.file { 
width: 180px; height: 20px;
margin: 0px; padding: 5px;
border: 1px solid #DDD;
color: #000000; font-weight: bold;
}
#files{
width:100%;
height:300px;
overflow:scroll;
overflow-x:hidden;
border: 1px solid;
}
div.file div {width: 0px; height: 5px; background-color: #FFF; bottom: 5px; left: 5px; }

#articles{
/* CAREFUL - this can mess up the editor going from fullscreen and back */
padding-left:10px;
padding-right:10px;
}
#article_submit{
/*background-image:url(../images/common/article_add.png);
background-repeat:no-repeat;
width:31px;
height:39px;*/
margin:10px;
cursor:pointer;
border:0px;
}
.article{
padding-top:20px;
padding-bottom:20px;
}
.article_title{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#333333;
margin-bottom:15px;
}
.article_image{
width:160px;
height:106px;
border:1px #CBCBCB solid;
float:left;
cursor:pointer;
}
.article_content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
width:100%;
padding-left:0px;
padding-right:0px;
float:left;
}
.article_separator{
background-image:url(../images/common/article_separator.gif);
background-repeat:no-repeat;
width:510px;
height:1px;
font-size:0px;
}
.album_image{
cursor:pointer;
}
#album_add{
width:100px;
padding-bottom:10px;
padding-left:10px;
}

#SMS{
background-image:url(../images/BigShout/SMS.png);
background-repeat:no-repeat;
width:165px; /*175 minus padding*/
height:252px; /*120 minus padding*/

font-family:"Century Gothic", arial;
/*font-weight:bold;
font-size:18px;
text-decoration:none;*/
color:#FFFFFF;

margin-bottom:6px;

padding-left:10px;
padding-top:10px;

overflow:hidden;
}
#SMS_input{
margin-top:130px;
}
#email_field{
width:150px;
}

#ffupload{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#ffupload a{
color:#FF3366;
}

/*#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat;
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	*/