#logo_area{
    width:42%;
    margin:15px 0px 0px 15px;
    padding:0px 0px 15px 0px;
    float:left;
}
#header_navi_area{
    width:55%;
    margin:15px 15px 0px 0px;
    padding:0px;
    float:right;
    text-align:right;
}
#signin_area{
    width:70%;
    margin:0px;
    padding:0px;
    float:right;
    text-align:right;
}
#header_msg_area{
    width:30%;
    margin:0px;
    padding:0px;
    float:left;
    text-align:left;
}
.button{
    background:url(../images/i_btn_small_bg.jpg) top left repeat-x;
    border: 0;
    font-family:"trebuchet MS", arial, verdana;
    font-size: 12px;
    color:#FFFFFF;
    padding: 1px 5px;
    height:22px;
    margin:0px;
}
#main_navi_area{
    width:100%;
    margin:0px;
    padding:32px 0px 0px 0px;
    float:right;
    text-align:right;
}
#global_content{
    width:100%;
    margin:0px;
    padding:0px 0px 20px 0px;
    background:;
    float:left;
}
#content_wrapper{
    margin:auto;
    padding:0px;
    width:950px;
}
#home_desc{
    width:950px;
    margin:0px;
    padding:10px 0px 20px 0px;
    text-align:center;
    float:left;
}
#home_search_area{
    width:713px;
    height:41px;
    margin:0px;
    padding:10px 0px 0px 237px;
    text-align:center;
    background:url(../images/i_home_search_bg.jpg) top center no-repeat;
    float:left;
}
#home_search_link_area{
    width:950px;
    margin:0px;
    padding:0px 0px 20px 0px;
    text-align:center;
    float:left;
}
#home_main_contents_area{
    width:950px;
    margin:0px;
    padding:0px;
    text-align:center;
    float:left;
}
#home_featured_photos_area{
    width:680px;
    margin:0px;
    padding:0px;
    float:left;
    text-align:left;
}
#featured_photos_container{
    width:680px;
    margin:0px;
    padding:0px;
    text-align:left;
}
#photo_thumb_container{
    width:170px;
    margin:0px;
    padding:0px;
    float:left;
}
#photo_thumb_container_for_search{
	width:120px;
	height: auto;
	float: left;
	margin-bottom: 25px;
	margin-right: 0px;
	margin-left: 25px;
}
#photo_info_area{
	width:138px;
	height: 155px;
	float: left;
	margin-right: 8px;
	margin-left: 28px;
	margin-top: 15px;
}
#image_clip{
/*	clip:rect(0px 125px 90px 0px);
	position:absolute;*/
}
#photo_icon_area{
    width:154px;
    margin:0px;
    padding:0px;
}
#home_tags_area{
    width:270px;
    margin:0px;
    padding:0px;
    float:left;
    text-align:left;
}
#tagcloud_container{
    width:270px;
    margin:0px;
    padding:0px;
    text-align:left;
}
#global_footer{
    width:100%;
    margin:0px;
    padding:10px 0px 0px 0px;
    background:url(../images/i_footer_bg.jpg) left top repeat-x;
    text-align:center;
    float:left;
}
#sub_header{
    width:100%;
    height:90px;
    margin:0px;
    padding:0px;
    text-align:left;
    float:left;
    background-color:#F2F2F2;
}
#mini_search_area{
    width:38%;
    height:55px;
    margin:15px 0px 0px 15px;
    padding:0px;
    float:left;
}
#mini_search{
    width:100%;
    margin:0px;
    padding:0px;
    float:left;
}
#mini_search_navi{
    width:100%;
    margin:0px;
    padding:0px;
    float:left;
}
#sub_head_navi_area{
    width:58%;
    height:30px;
    margin:0px 15px 0px 0px;
    padding:40px 0px 0px 0px;
    float:right;
    text-align:right;
}
#paging_area{
    width:100%;
    margin:0px;
    float:left;
    text-align:right;
    background-color:;
}
#search_result_container{
    width:609px;
    margin:auto;
    padding:0px;
}
#inside_main_contents_area{
    width:1000px;
    margin:auto;
    padding:20px 0px 0px 0px;
}
#img_desc_left{
    width:516px;
    padding:0px 20px 0px 0px;
    margin:0px;
    float:left;
}
#img_full_view{
    margin:0px;


    padding:0px 8px 0px 8px;
    float:left;
    background:#E8E8E8;
    width:500px;
    text-align:center;
}
#img_desc_right{
    width:464px;
    padding:0px;
    margin:0px;
    float:left;
}
#full_view_image_title{
    width:444px;
    padding:2px 10px 2px 10px;
    margin:0px;
    float:left;
    background:#E8E8E8;
}
#image_post_info{
    width:450px;
    padding:3px 4px 0px 10px;
    margin:0px;
    float:left;
}
#image_desc{
    width:450px;
    padding:10px 4px 15px 10px;
    margin:0px;
    float:left;
}
#image_sub_info{
    width:450px;
    padding:0px 4px 0px 10px;
    margin:0px;
    float:left;
}
#related_tags ul{
    padding:0px;
    margin:0px;
    list-style-type:none;
}
#related_tags li{
    display:inline;
    padding:0px;
}
#tags_list{
    width:1000px;
    margin:0px;
    padding:0px;
    float:left;
}
#tag_column{
    width:180px;
    margin:0px;
    padding:0px 10px 0px 9px;
    float:left;
    border-left:#E9E9E9 solid 1px;
}
#tag_column ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
#tag_column li{
    margin:0px 0px 12px 0px;
    padding:0px;
    float:left;
}
#page_title_container{
    width:1000px;
    margin:0px;
    padding:0px;
    border-bottom:#666 solid 1px;
}
#dashboard_left_container{
    width:470px;
    margin:0px;
    padding:0px 60px 20px 0px;
    float:left;
}
#dashboard_right_container{
    width:470px;
    margin:0px;
    padding:0px 0px 20px 0px;
    float:left;
}
#dashboard_sub_title{
    width:470px;
    height:33px;
    margin:0px;
    padding:0px;
    float:left;
}
#dashboard_item_list{
    width:410px;
    margin:0px;
    padding:0px 0px 0px 60px;
    float:left;
}
#dashboard_item_list ul{
    margin:0px;
    padding:0px 0px 0px 12px;
}
#dashboard_item_list li{
    list-style-type:none;
    list-style-image:url(../images/i_bullet_green.jpg);
    margin:0px;
    padding:0px;
}
#dashboard_sep{
    width:410px;
    height:1px;
    margin:0px;
    padding:8px 0px 0px 60px;
    float:left;
    font-size:1px;
    line-height:0px;
}
#dashboard_bottom_navi{
    width:410px;
    margin:0px;
    padding:3px 0px 0px 60px;
    float:left;
    text-align:right;
}
#sign_page_left{
    width:485px;
    margin:0px;
    padding:40px 0px 30px 0px;
    float:left;
}
#sign_page_right{
    width:430px;
    margin:0px;
    padding:40px 0px 30px 34px;
    float:left;
}
#page_sep{
    width:1px;
    margin:0px;
    padding:20px 0px 0px 0px;
    float:left;
}
#await_mode_img_container{
	width:145px;
	margin:0px;
	padding:0px 45px 35px 0px;
	float:left;
	}
#await_mode_img_container{
	width:145px;
	margin:0px;
	padding:0px 45px 35px 0px;
	float:left;
	}
.ftext {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #B7B7B7;
    text-decoration: none;
}
a.link {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0099FF;
    text-decoration:none;
}
a.link:hover {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0099FF;
    text-decoration:underline;
}
.link_big {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0099FF;
    text-decoration:none;
}
.link_big:hover {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0099FF;
    text-decoration:underline;
}
.link_small {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0099FF;
    text-decoration:none;
}
.link_small:hover {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #0099FF;
    text-decoration:underline;
}
.link_g {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /*color: #66CC33;*/
	color: #3C3C3C;
    text-decoration:none;
}
.link_g:hover {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	/*color: #66CC33;*/
    color: #000000;
    text-decoration:underline;
}
.text {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    text-decoration: none;
}
.text_small_normal {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    text-decoration: none;
}
.text_small_dark {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
}
.text_small_light{
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #B7B7B7;
	/*color: #7C7C7C;*/
    text-decoration: none;
}
.text_big {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    text-decoration: none;
}
.tagline {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 19px;
    font-style: normal;
    line-height: 45px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    text-decoration: none;
}
.image_title {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 16px;
    font-style: normal;
    line-height:normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
}
.intro {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #999999;
	/*color: #000000;*/
    text-decoration: none;
}
.title_green {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 17px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	color: #B8C087;
    text-decoration: none;
}
.header_msg_txt {
    font-family: "trebuchet MS", arial, verdana;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #4593CB;
    text-decoration: none;
}
.tag_link{
    font-family: "trebuchet MS", arial, verdana;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color:#FFF;
    text-decoration: none;
    padding:3px 8px;
    margin:0px;
    display:block;
    background:#CDCD69;
    float:left;
    white-space:nowrap;
	border-bottom:#FFFFFF solid 3px;
	border-left:#FFFFFF solid 2px;
	border-right:#FFFFFF solid 2px;
	
}
.tag_close{
    padding:0px;
    margin:0px 10px 0px 2px;
    width:11px;
    height:30px;
    float:left;
    background:url(../images/i_tag_close_icon.jpg) left top no-repeat;
    text-decoration:none;
	border:none;
	color:transparent;
	text-transform: capitalize;
	font-size:0.1px;
}
.tag_close:hover{
    text-decoration:none;
}



* { cursor: auto; }

a, a * { cursor: pointer; outline: none; }

input,textarea { font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; font-size: 8pt; color: #444; }
wbr:after { content: "\00200B" }
form { padding: 0; margin: 0; } 
a { color: #1f75cc; text-decoration: none; }
a img {border: 0;}
.textinput { background: #fff url(/static/images/topfade.gif) repeat-x top; border-style: none solid solid; vertical-align: middle; border: 1px solid #aaa; padding: 4px; color: #555; width: 160px; margin: 0;}
.simpleinput { border: 1px solid #ccc; padding: 4px; color: #555; width: 160px;}
.badtextinput { background: #fdd url(/static/images/topfadered.gif) repeat-x top; color: black !important; }
.selinput { border: 1px solid #aaa; color: #555;}
.widesel { width: 170px; }
:focus { outline: none; }

.background-icon, .background-icon-swapless{  position: relative; padding-left: 26px !important;}
.background-icon img, .background-icon-swapless img { position:absolute; left: 4px; _left: -21px;}
.background-icon-swapless img { _left: 4px;}
.subnav-background-icon {background-position: 10px 50% !important; background-repeat: no-repeat !important;}
.background-icon-swapless { display:block; }

div#main-container { min-height: 600px; width: 100%; background: #fff; width: 850px; margin: 0 auto; padding: 5px 0 0 0;}
div#left-content { width: 574px; float: left; margin: 10px 0 5px 10px; }
div#main-wrapper { margin: 10px 10px; }

/* HEADER */
div#header { padding: 0px 0; /*height: 85px;*/ padding: 31px 0 15px 0; }
div#header ul#topnav { float: right; margin-top: -25px; }
div#header ul#topnav li { list-style: none; display: inline;}
div#header ul#topnav li a, div#header ul#topnav li strong { font-size: 11px; display: block; font-weight: normal; float: left; padding: 6px; margin: 3px;}

/* TABS */
div#tabs-container { background:transparent url(/static/images/skinny_dots.gif) bottom repeat-x; z-index: 51; position: relative; min-height: 1px; _height: 1px; margin-top: 10px;  /*float:right; margin-top: 17px; width: 540px;*/  clear:both;}
div#tabs-container ul { margin: 0 0 0 9px; padding: 0;  }
div#tabs-container .section { float: left;  list-style: none;  padding: 1px; font-family: "lucida grande", "segoe ui", arial, sans-serif }
div#tabs-container .section.right { float: right;}
div#tabs-container .section.selected .section-link { color: #333;  }
div#tabs-container .section-link { display:block; font-size: 16px;  padding: 5px 17px; border: 2px solid #fff; font-weight: bold; text-align: center;}
div#tabs-container .section.hover { background:#fff url(/static/images/dotted_square_bg.gif) repeat;}
div#tabs-container .section.hover .section-link { text-decoration: none; background-color: #f4faff; }
div#tabs-container .section.hover .sub-sections { display: block !important; }
div#tabs-container .sub-sections { position: absolute; margin-left: -1px; margin-top: 1px; display: none;}
div#tabs-container .section.right .sub-sections{ right: 0; }
div#tabs-container .sub-section { list-style: none; padding: 0px 1px 1px 1px; background:#fff url(/static/images/dotted_square_bg.gif) repeat; min-width: 170px; _width: 170px; }
div#tabs-container .sub-section-link { display: block; border: 2px solid #fff; padding: 8px 15px 8px 4px; background: #f4faff; white-space: nowrap;}
div#tabs-container .sub-section-link:hover { background-color: #348dd3; color: #fff; text-decoration: none; }

/* RIGHT CONTENT */
div#right-content { float: right; width: 235px; margin: 41px 0 0 0; padding: 1px 0 0 1px; background:#fff url(/static/images/dotted_square_bg.gif) repeat; }

.sider { margin: 0; padding: 16px 15px 20px 15px; line-height: 1.2em; background: #fff; margin-bottom: 1px; font-size: 11px;} 
div.sider p { margin: 0.35em 0; font-size: 11px;  }
div.sider h2 { background: none; font-size: 13.5px;  margin: 0; padding: 0; display: block; color: #222; margin-bottom: 20px;  }
div.sider label { font-size: 11px; }
div.sider dl { margin: 0; padding: 0; font-size: 11px;}
div.sider dl dt {margin: 0; padding:0 5px 0 5px; width: 95px; float: left; text-align: left;  font-weight: bold; color: #666;}
div.sider dl dd {margin: 0 0 10px 0; padding: 0 0 0 5px; width: 95px; float: left; }
div.sider textarea, div.sider .input { width: 95%;}
div.sider.blue { background-color: #f4faff;}
div.sider h2 img.link-img { padding-right: 6px;}

textarea.textinput { width: 100%;}
a.psuedo-list { display: block; padding: 0 5px 5px 5px; }

/* FOOTER */
div#copyright{
    background-color:#EFEFEF;
    color:#999999;
    border:1px solid #CCCCCC;
    padding:10px;
}
div#footer { min-height: 65px; _height: 65px; background: #fff repeat-x; clear: both; margin: 15px auto 0 auto; width: 850px;}
div#footer p#poweredby { float: right; font-size: 11px; text-align: center; margin: 15px 7px; padding:3px 0 3px 23px; background:transparent url(/static/images/gray_logo.gif) no-repeat; color: #aaa;}
div.footer-col { float: left; max-width: 200px; margin: 15px 46px 20px 34px;}
div.footer-col p { margin: 0;}
div.footer-col ul { margin:0; padding: 0;}
div.footer-col ul li { list-style: none; font-size: 11px; margin: 2px 5px; padding: 0; }
div.footer-col ul li.header { font-weight: bold; margin: 2px 0; color: #787878; }
div.footer-col ul li a, div.footer-col ul li.header {  }
div.footer-col p, div.footer-col a { font-size: 11px; }
div.footer-col a { text-decoration: none; color: #838383; }
div#footer div.footer-col a:hover { text-decoration: underline;}

#shared-folder-actions input { width: 210px; margin: 0 0 5px 0;}
.show-me { display: none; margin: 0 0 10px 0; display: block;}
.hide-me { display: block;}
.link-img {vertical-align: bottom; background: #fff; margin: 0; padding-right: 4px; background-repeat: no-repeat;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

div#home-login { position: absolute; top: 20px; right: 20px; }
div#home-login .button { /*background: #5096c8;*/  border: 0; border-right: 1px solid #19589d; border-bottom: 1px solid #19589d; font-size: 11px; padding: 1px 4px;}  
div#home-login label { font-size: 11px; }
div#home-login input { max-width: 125px;}

div#landing-page { width: 500px; /*min-height: 448px*/; _height: 448px; margin: 60px auto 0 auto; text-align:center;}
div#landing-page div#logo-container { padding-top: 50px; }
div#landing-page #tagline { font-family: 'Lucida Grande', Lucida Grande; width: 510px; height: 24px; margin: 20px auto 20px auto; padding: 0; background: transparent no-repeat; font-size:20px;}
div#landing-page div#search-container p { margin: 0 auto 9px 0; }
div#landing-page #visit_tour { margin-top: 60px; }

.blank { color: #000; }
.blank:hover { background: #fff; text-decoration: none;};

.no-border { border: 0; }



.grayed
{ 
    background-color: #eee;
    border-color: #e5e5e5 #aaa #aaa #e5e5e5;
    border-style: solid;
    border-width: 1px;
    color: #666;
}

.dothr { background: url(/static/images/dots.gif) repeat-x center; height: 1em; overflow-y: hidden; }
.note { color: #444; margin-top: 2px; font-size: 8pt; line-height: 150%; }
.note div { display: inline; }
.revision-note { color: #888; margin-top: 2px; font-size: 8pt; line-height: 250%; }
.smidgenright { margin-left: 8px; }
a:hover { text-decoration: underline; }

.fieldset {  border:1px dotted #ccc; _border: 1px solid #e3e3e3; margin-bottom: 1em; padding: 15px; font-size: 8pt;}
.fieldset p{ margin: 0 0 0.75em 0; }
legend {margin-top: -2em; font-size: 12px; font-weight: bold;}

#flash-container { }
#flash, .flash {border: 1px solid #F0DE26; margin: 0 10px 5px 10px; background-color: #fffcc9; padding: 7px;}
.flash { margin-bottom: 10px; }

div.notice {  }
div.notice p { margin: 0 0 5px 10px; padding: 7px; }
div.notice span { color: #333; }

div#link-notice p { background: #f4faff; border: 1px solid #ace; }
div#referral-notice p { background:#e5fdd0; border:1px solid #9dd07b; }

.loginbox
{
    padding: 0 0 0 0;
    display: inline;
    float: right;
    font-size: 8pt;
    text-align: right;
    margin: -20px 0 0 0;
}

.smallinput
{
    font-size: 8pt;
    height: 13px;
    padding-top: 1px;
}

.littlelink { font-weight: normal; font-size: 8pt; }
.littlelink a { text-decoration: underline; }

.lined thead
{
    font-weight: bold;
}
.lined th
{
    margin: 0;
    color: #888;
    padding: 8px;
    background: url(/static/images/dots.gif) bottom repeat-x; 
}
.lined td
{
    padding: 8px;
    background: url(/static/images/skinny_dots.gif) repeat-x bottom;
}


h1,h2,h3,h4,h5 { color: #222;}

h2
{
    padding-top: 3px;
    background: url(/static/images/dots.gif) repeat-x bottom;
    padding-bottom: 10px;
    margin-bottom: 4px;
    font-size: 10pt;
}

h3
{
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10pt;
}

h4 { margin: 0 0 0.5em 0; font-weight: bold; font-size: 14px;}

h5 { margin: 0 0 0.5em 0; font-weight: bold; font-size: 12px;}

h1
{ 
    font-size: 18pt;
    font-weight: normal;
    margin: 10px 0;
}

#topnav
{
    margin: 0;
    padding: 0;
    margin-top: 18px;
    display: inline;
    float: right;
}
#topnav ul
{
    display: inline;
    font-size: 8pt;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
#topnav li
{
    display: inline;
}
#topnav li a
{
    padding: 8px;
    margin: 3px;
    display: block;
    float: left;
    overflow: visible;
    text-decoration: none;
}


#topnav li a:hover
{
    text-decoration: underline;
}
#top-comment
{
    color: #888;
    margin-top: 40px;
    float: right;
    font-weight: bold;
}
#footer { padding: 0; margin: 0; }
#footer a { color: #777; }

div#feedback textarea
{
    width: 98%;
    height: 12em;
    margin: 6px 0;
    overflow: auto;
}

.filebrowser
{
    font-size: 8pt;
}

.deleted_file_line
{
    color: #999;
}

.deleted_file_line a
{
    color: #999;
    text-decoration: none;
}

.deleted_file_line a:hover
{
    color: #0078cc;
}


.empty
{
    padding: 20px;
    color: #ccc;
    font-style: italic;
}

.empty.darker
{ 
    color: #aaa;
}

UL.dropdown, UL.dropdown *
{
    margin: 0;
    padding: 0;
}
UL.dropdown
{
    position: absolute;
    left: 5px;
    z-index: 100;
    list-style-type: none;
    background-color: #fff;
    border: 1px solid #0078cc;
}
UL.dropdown-lite
{
    border: 1px solid #7ad;
    border-top: none;
    xborder-bottom: none;
    background-color: #f4faff;
    position: static;
}

UL.dropdown li
{
    border: none;
}
UL.dropdown li a
{
    padding: 6px 4px;
    border: none;
    display: block;
    white-space:nowrap;
    padding-right: 13px;
}
.noblock
{ 
    display: inline;
}

UL.dropdown li a:hover img
{
    background-color: #f4faff;
}

UL.dropdown-lite li a:hover,UL.dropdown-lite li a:hover img
{
    background-color: #348dd3;
    color: #fff;
    text-decoration: none;
}

a.dropdown_arrow
{
    background: url("/static/images/downtick.gif") 0 3px no-repeat;
    margin: 0; padding: 0;
    width: 12px;
    height: 12px;    
}

a.dropdown_arrow:hover
{
    background-image: url("/static/images/downtick-hover.gif");
    text-decoration: none;
}

.error-message
{
    color: #b00;
    font-size: 10px;
}

.slide
{
    display: none;
}

#slideshow
{
    width: 760px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#slideshow-frame
{
    width: 760px;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0;
}

#num_panel
{
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: 235px;
    left: 510px;
    z-index: 100;
}

#num_panel li
{
    display: inline;
}

.slide_buffer
{
    position: absolute;
    left: 0px;
    top: 0px;
}

.slide_buffer h2 { display: none }
.slide_buffer img
{
    padding: 2px;
    border: 1px solid #ccc;
}
.slide_buffer p 
{
    width: 250px;
    margin: 0px;
    margin-top: -155px;
    margin-left: 510px;
    padding: 0;
}
.slide_buffer span { font-size: 24px;}

.slide_num
{
    width: 24px;
    height: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px 6px 3px 6px;
    margin-left: 2px;
    margin-right: 10px;
    cursor: pointer;
}


/* gallery.css */

img.tb {
    background: #ffffff;
    padding: 5px;
    margin: 5px;
    display: inline;
    border: 1px solid #A2A2A2;
}

img.tb:hover {
    border: 1px solid #000000;
}

img.event-tb {
    background: #ffffff;
    padding: 2px;
    margin: 3px;
    display: inline;
    border: 1px solid #bbb;
}

img.tb-link { 
    border: 1px solid #7ad;
}

img.tb-link:hover {
    border: 1px solid black;
}


.imagecontainer {
    background: #FAFAFA;
    border: 1px solid #D6D6D6;
    padding: 5px;
    margin-bottom: 1em;
}

.albumcontainer {
    background: #FAFAFA;
    border: 1px solid #D6D6D6;
    margin-bottom: 10px;
    padding: 5px;
}

.albumheader {
    margin-bottom: 15px;
}

.albumblock {
    vertical-align: middle;
    padding: 5px;
    margin: 5px;
    width: 385px;
    height: 64px;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #A2A2A2;
}

.albuminfo {
    font-size: 8pt;
    color: #808080;
    text-align: left;
}

.albumblock:hover {
    background: #f4faff;
}

.border {
    border: 1px solid #808080;
}

.high-ceiling {
    padding-top: 12px;
}
.photocontent {
    margin-left: auto;
    margin-right: auto;
}
#gallery-comment {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 8pt;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#gallery-header {
    width: 620px;
    padding-bottom: 25px;
}
#gallery-share-link {
    text-align: right;
}
#gallery-share-input {
    border: 0;
    width: 450px;
    text-align: left;
    padding: 0;
    margin: 0;
    vertical-align: top;
}
.gallery-share-row {
    padding-bottom: 5px;
}
.gallery-share-text {
    font-size: 8pt;
}
.clear { clear: both; }
.miniscule-text { font-size: 0; height: 0;}

.faq-qlist-q {

}

.faq-alist-q {
    font-size: 1.0em;
    font-weight: bold;
}

.faq-qlist li {
    padding-bottom: 2px;
    font-size: 1.1em;
}

.faq-alist li {
    padding-bottom: 10px;
}

pre {
    overflow: auto; 
    padding: 2px;
    display: block; 
    margin: 1em 0; 
}

pre:hover {
    overflow: auto
}

#feedback-tab {
    width: 104px;
    height: 20px;
    background: transparent url(/static/images/feedback_tab_bg.gif) no-repeat;
    background-position: top center;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -52px;
    text-align: center;
    cursor: pointer;
    opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
}

#feedback-tab a {
    color: #fff;
    font-weight: bold;
}

.panel
{
    padding: 4px;
}
a.panel:hover img
{
    background: #fff;
}
.panel a
{
    text-decoration: underline;
}

.right-lined {
    color: #888;
    background: #fff url(/static/images/rightblueline.gif) repeat-y;
    background-position: right;
    padding-right: 12px;
    vertical-align: top;
    text-align: right;
}

.right-lined.left-aligned { text-align: left; }

.no-text-effects {
    color: #444;
    text-align: inherit;
}

.left-lined { 
    padding-left: 7px;
    vertical-align: top;
}

#share-file-frame
{
    margin-left: -7px; /*counteracts left-lined padding to fix dropdown issue in ie*/
}

.left-lined table { margin-top: -3px; padding-top: 0px; }


.left-lined-aligned {
    padding-left: 10px;
    vertical-align: top;
}

.spacer-row { 
    line-height: 15px; /* line-height of   */
}

#upload-progress { 
    width: 150px;
    height: 10px;
    background: transparent url(/static/images/progress.gif);
    background-position: -150px 0;
}


.treeview.default
{ 
    font-size: 1em;
    border: 1px solid #0078CC;
    padding: 7px;
    position:absolute;
    top: -1000px;
    left: -1000px;
    background-color: #f8fcff;
    z-index: 2;
}

.inplace
{ 
    font-size: 1em;
    border: 1px solid #0078CC;
    padding: 7px;
    overflow: auto;
    height: 150px;
}

.treeview img { margin: 0px 0px 0px 2px; vertical-align: middle;}
.treeview .item { padding: 2px 0 3px 0px;}

.treeview .highlight
{ 
    background-color: #eef4ff;
}

.treeview-new-folder
{
    padding-bottom: 6px;
    background: url(/static/images/dots.gif) repeat-x bottom;
}

.create-foldername
{ 
    margin-top: 5px;
    width: 446px;
}

.outer-progress-bar
{ 
    border: 1px solid #aaa;
    padding: 1px;
    margin: 0;
    width: 200px;
    text-align: left;
}

.inner-progress-bar
{ 
    margin: 0;
    padding: 0;
    vertical-align: middle;
    position: relative;
    width: 200px;
    height:14px;
}

.progress-bar
{ 
    width: 200px;
    height: 14px;
    font-size: 10px;
    position: absolute;
}

.under-pb { background: white; color:#333; }

.over-pb {  background: #3a93d2; color:white; }

.pb-percentage
{ 
    position: relative;
    text-align: center;
    padding:0;
}

#file-queue td 
{ 
    width: 250px;
    overflow: hidden;
}

.page-note 
{
    color: #444;
    margin-top: -4px;
    margin-left: 8px;
    margin-bottom: 20px;
    font-size: 8pt;
}

.page-note img
{ 
    margin: 0 4px;
}

.signup-step
{ 
    background-color: #c1d8ef;
    float: left;
    width: 235px;
    height: 40px;
    font-size: 40px;
    line-height: 100%;
    color: #fff;
    padding: 0;
    margin: 0;
    padding-left: 3px;
    border-left: 8px solid #7ad;
    margin-right: 10px;
}

.signup-step span
{ 
    color: #333;
    font-size: 15pt;
    margin-left: 3px;
}

.signup-step.faded
{ 
    background-color: #e6e6e6;
    border-color: #aaa;
}

.signup-step.faded span
{ 
    color: #898989;
}

#signup-steps
{ 
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 760px;
}

#signup-message
{ 
    width: 510px;
    margin: 25px auto;
    padding: 7px;
    border-top: 1px solid #7ad;
    border-bottom: 1px solid #7ad;
    background-color: #ebf3fa;
}

.no-right-margin{ margin-right: 0; padding-right: 0;}
.no-top-margin {  margin-top: 0; padding-top: 0; }

.nice_button { margin-right: -2px; }

.download-button
{
    margin-left: 20px;
}
.aligned-with-download-button
{ 
    margin-top: -2px;
    margin-left: 42px;
    margin-bottom: 10px;
}

.cool-ul
{ 
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 15px;
}

.cool-ul li
{ 
    background: #fff url(/static/images/icons/bullet_arrow_right.gif) no-repeat 0 50%;
    padding-left: 20px;
    font-size: 12pt;
    line-height: 16pt;
}

#privacy-policy h2
{ 
    font-size: 1.05em;
}

.graybox
{ 
    background-color: #ddd;
    border: 1px solid #333;
    padding: 5px;
}

#base-page-frame
{ 
    width: 100%;
    background: #fff;
    margin: 0px auto;
}

.about-pic
{ 
    float: left;
    padding: 2px;
    border: 1px solid #bbb;
    margin: 4px;
    background-color: #fff;
    margin-right: 8px;
}

#main-content { width: 610px; margin: 0 auto; }

#modal-box
{
    border: 1px solid #7ad;
    background-color: #fff;
    padding: 10px;
    height: 100%;
}

#modal-box h2
{ 
    padding-left: 10px;
    margin-top: 8px;
    font-size: 14px;
}

#modal-content
{ 
    padding: 10px;
    font-size: 8pt;
    background-color: #fff;
}

#modal
{
    z-index: 1000;
    width: 500px;
    position: absolute;
    left: 50%;
    margin: 0 0 0 50px;
    margin-left: -250px;
    border: 0;
    background-color: #fff;
}






.rindented {padding-left: 15px; padding-top: 5px;}

.subpage-link {padding-left: 6px;}

.space-four-right {margin-right: 4px;}

.data-table {
    margin-top: 2px;
    border-width: 0;
    border-spacing: 0;
}

.data-table td {
    padding: 2px;
    padding-right: 20px;
}

.less-padded th, .less-padded td
{
    padding: 2px;
    padding-right: 10px;
}

.data-table th {
    padding-left: 2px;
    padding-right: 20px;
    border-bottom: 1px solid #7ad;
    background-color: #d6e8fa;
    text-align: left;
}

.data-table tr:hover {
    background-color: #fafafa;
}

.data-table-overline { border-top: 1px solid #999; }
.data-table-num-cell { text-align: right; }

.no-right-pad td { padding-right: 0;}
.no-right-pad th { padding-right: 0;}

div.autocomplete
{
    position:absolute;
    background-color:#f4faff;
    border:1px solid #888;
    margin:0px;
    padding:0px;
    text-align: left;
}
div.autocomplete ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.autocomplete ul li.selected { background-color: #ddefff;}
div.autocomplete ul li
{
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    cursor:pointer;
}

.thumb-link
{
    padding: 4px 0px 3px 2px;
    display: block;
    float:left;
    border: 1px solid #fff;
    margin: 0;
    width: 97px;
    font-size: 11px;

}

.thumb-link img
{
    margin-top: -2px;
}

.thumb-link img
{ 
    vertical-align: middle;
    border: 0;
    padding-right: 4px;
    background-color: #fff;
}

#thumb-comments
{ 
    width: 466px; 
    height: 12em;
    margin: 6px 0;
    overflow: auto; 
}

#invite-sent
{ 
    margin-bottom: 6px;
}

blockquote
{
    margin: 3px 0;
    padding: 0;
    background: transparent url(/static/images/icons/lquote.png) left top no-repeat;
    background-color: transparent;
    float: left;
}
blockquote p
{
    padding: 0 20px;
    margin: 0;
    background: transparent url(/static/images/icons/rquote.png) right bottom no-repeat;
}

.with-small-text { margin-top: 2px; font-size: 8pt; line-height: 150%; }

#comment-row { margin-bottom: 8px; }

#event-page-links { font-size: 8pt; font-weight:normal;}
#event-page-links a { color: #0078cc;}

#feed-loading { position: absolute; background-color: white; text-align:center; font-size: 21pt;color: #616161; z-index: 300;}

#modal-progress-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; text-align:center; color: #616161; z-index: 95;}

#modal-progress-content {position: absolute;left: 50%; top: 150px; margin: -42px 0 0 -102px; _top: 20%; background: #fff; z-index: 96; text-align: center; border: 1px solid #7ad; padding: 18px 25px 14px 25px; }
#modal-progress-text { margin-top: 5px; }

.menu-shadow { background-color:black; padding:0; margin:0; z-index: 50; position: absolute;}
.tooltip { background-color: #F4FAFF; border: 1px solid #0078cc; padding: 4px; z-index: 500; max-width: 200px; _width: 200px;}

#shared-folder-dropdown
{ 
    min-width: 100px;
}

.browse-file-box-iconic
{ 
    background-color: white;
    border: 1px solid white;
    float: left;
    clear: right;
    text-align: center;
    width: 76px;
    height: 96px;
    overflow: hidden;
    padding: 2px;
    margin: 4px;
}

.browse-file-box-details
{ 
    background-color: white;
    border: 1px solid white;
    text-align: left;
    padding: 2px;
    margin: 2px;
}

.browse-file-box-details img
{ 
    width: 16px;
    height: 16px;
}

.browse-file-box-details div
{ 
    display: block;
    cursor: default;
}

.details-icon
{
    float: left;
    width: 20px;
}

.details-filename
{
    float: left;
    width: 335px;
    line-height: 16px;
    font-size: 8pt;
}

.details-filename-mini
{
    width: 271px;
}

.details-size
{
    float: left;
    width: 80px;
    padding-left: 3px;
    line-height: 16px;
    font-size: 8pt;
}

.details-modified
{
    float: left;
    padding-left: 3px;
    line-height: 16px;
    font-size: 8pt;
}

.file-highlight
{
    border: 1px solid #c6d8e4;
    background-color:#fafdff;
}

.file-select
{ 
    border: 1px solid #7ad;
    background-color:#f4faff;
}

.file-selected-highlight
{
    border: 1px solid #7ad;
    xbackground-color:#edf7ff;
}

#browse-selection
{ 
    border: 1px solid #555;
    background: #ccc;
}

.drop-highlight
{ 
    border: 1px solid red;
    background-color:#f4faff;
}

.copy-move-overlay
{ 
    background-color: black;
}

.copy-move-text
{ 
    text-align: center;
    cursor: default;
}

.copy-move-text a
{
    display: block;
    color: #fff;
    text-align: center;
    cursor: default;
    text-decoration: none;
}

.copy-move-bold
{
    font-size: 1.2em;
    font-weight: bold;
}

#browse-files
{ 
    position: relative;
    width: 555px;
    float: left;
}

#browse-files.mini
{ 
    width: 491px;
    clear:both;
}

.sortable-column-header
{ 
    float: left;
    margin-bottom: 5px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    color: #222;
}

.sortable-column-header img
{ 

}

.sortable-column-header:hover
{
    text-decoration: none;
    color:#1F75CC;
}

#name-sorter
{ 
    width: 353px;
    padding-left: 6px;
}

#name-sorter.mini
{ 
    width: 289px;
}

#size-sorter
{ 
    width: 81px;
    padding-left: 3px;
}

#modified-sorter
{
    width: 103px;
    padding-left: 3px;
}

#browse-location
{
    margin: 0;
    font-size: 10pt;
    font-weight: bold;
}


#browse-actions-bar
{ 
    height: 26px;

    margin: 5px 0;
    background: url(/static/images/skinny_dots.gif) repeat-x bottom;
}

#browse-actions
{ 
    width:100%;
    height: 26px;
    float: left;
    overflow: hidden;
}


#browse-actions.mini
{ 
    width: 391px;
}

#more-browse-actions
{ 
    float: left;
    text-align: right
}

#more-browse-actions a
{
    width: 88px;
    margin: 0;
    border: 1px solid #f9f9f9;
}


.action-bar
{ 
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.action-bar li
{
    display: block;
    float: left;
    border: none;
    padding: 0;
    margin-right: 3px;
}

.action-bar a
{ 
    padding: 4px 7px;
    display: block;
}

.action-bar a img
{
    margin-top: -2px;
}

.action-separator
{ 
    display: block;
    float: left;
    padding: 4px;
    color: #ccc;
}

.dropdown-arrow
{ 
    float: right;
}

.dropdown-arrow img
{ 
    border: 0;
}

.browse-message
{ 
    margin: 10px;
    font-size: 8pt;
    color: #aaa;
    text-align: center;
    display: block;
}

.editor_ok_link, .editor_cancel_link
{ 
    color: #fff;
    font-size: 8pt;
    margin-left: 2px;
    padding: 2px;
}

.editor_cancel_link
{ 
    background-color: #eee;
    border: 1px solid #aaa;
    border-color: #e5e5e5 #aaa #aaa #e5e5e5;
    color: #666;
}

.editor_ok_link:hover, .editor_cancel_link:hover { text-decoration: none; }

.editor_field
{ 
    border: 1px solid #bbb;
    font-size: 8pt;
}

.inplaceeditor-form
{ 
    display: block;
    float: none;
    height: 16px;
    margin: -2px 0 0 0;
    padding: 0;

}
.inplaceeditor-form input { margin: 0; padding: 2px;}

.notify { z-index: 100; top: 0;left: 0; position: absolute; font-size: 12px;}
body > div.notify { position: fixed;}

b.rbottom {display:block;background-color: transparent !important; background-color: #fff;}
b.rbottom b {background: #faf3c4;height: 1px; display: block; overflow: hidden;}
b.r1 {margin: 0 2px; *margin-top: -1px;}
b.r0 {margin: 0 1px; *margin-top: -1px;}


b.rbbottom {display:block;background-color: transparent !important; background-color: #fff;}
b.rbbottom b {height: 1px; display: block; overflow: hidden;}
b.rb1 {margin: 0 2px; background-color: #7ad; border-right: solid 1px #7ad; border-left: solid 1px #7ad; }
b.rb0 {margin: 0 1px; background-color: #f4faff; border-right: solid 1px #7ad; border-left: solid 1px #7ad; height: 2px; }

div.in-context { padding-left: 4px; display: block;}
span.context-text { color: #999; }
span.context-text a { color: #4b9fdb; color: #999; text-decoration: none;}
span.context-text a:hover { color: #0078cc; }

.fourpxhigh { height: 4px; }

span.context-text {font-style: italic;}

.stepcrumb
{ 
    width: 100%;
    color: #ccc;
    font-size: 12pt;
    font-weight: bold;
    padding-bottom: 10px;
}

.stepcrumb td
{ 
    padding: 1px 2px;
}

.stepcrumb .current-page
{ 
    color: #222;
}

div#left-content div#subtabs-container { margin-right: -30px; }
div#subtabs-container { background:#fff url(/static/images/skinny_dots.gif) bottom repeat-x;  }
ul#subtabs { position: relative; margin:0; padding: 0 0 0 9px; float:left; height: 32px; _overflow: hidden; background:#fff url(/static/images/light_blue_border.gif) bottom repeat-x; }
ul#subtabs li { margin: 0 4px 0 0; list-style: none;  position: relative; width: auto !important; background: #f4faff; border: 1px solid #aeceef;  border-bottom: none;}
ul#subtabs li.selected { margin-top: 0px; background-color: #fff; border-bottom: 1px solid #fff; }
ul#subtabs li a { float: left; position:relative;  padding: 0 15px; margin: 0; outline: none; font-size: 9pt; font-weight: bold;  }
ul#subtabs li img { margin: 7px 4px 0 0;  float: left;}
.content-tab { margin: 15px 0 0 25px; }
#main-wrapper .content-tab { margin: 15px 25px 0 25px;}

#login-page ul#subtabs { padding-left: 0; }
#tabbed-content div#subtabs-container { background: #fff; }
#tabbed-content img { display: none; }

.link-as-button { padding: 1px 9px; }
.link-as-button:hover { text-decoration: none; }

#tour-nav { margin-top: 13px; }
.tour-back { display: none; float: left; }
.tour-next { display: block; float: right; }

.tour-bottom 
{
    margin-top: 15px;
    text-align: center;
    color: #888;
    font-size: 8pt;
}

.invite-message
{ 
    margin: 15px 0;
}

.invite-field-name
{ 
    text-align: right;
    padding-right: 8px;
}

.bar-graph {; height: 20px; background: #fff; padding: 1px; border: 1px solid #aaa;}
.bar-graph-part {float: left; height: 20px; }
.bar-graph-normal { background:#348dd3 !important; }
.bar-graph-shared { background:#81cbf7 !important;}
.bar-graph-free {background: #fff;}
.bar-graph-key { text-align: center; margin: 1em 0; }
.bar-graph-key span {margin: 0 0 0 1em;}
.bar-graph-legend {padding:0 6px; border: 1px solid #888;}

.sider .bar-graph { background: #f4faff; border: 1px solid #aeceef;}
ul#tour-tabs-list, ul#account-tabs {position: relative; margin:-10px; padding: 0 15px; height: 30px; background: #f7f7f7;}
ul#account-tabs li img { margin: 6px 6px 0 0;  float: left;}
ul#tour-tabs-list li a, ul#account-tabs li a { float: left; padding: 0 15px;}
ul#account-tabs li a img{border: 0;}
ul#account-tabs li { margin: 0;list-style: none;  width: auto !important;}
ul#tour-tabs-list li.tour-tab-selected, ul#account-tabs li.tour-tab-selected { margin-top: -1px; }
ul#tour-tabs-list li.tour-tab-selected a, ul#account-tabs li.tour-tab-selected a {padding: 0 14px;}

ul#tour-tabs-list { margin-top: -8px;}
ul#tour-tabs-list li { list-style: none;  margin: 0;}
ul#tour-tabs-list li.tour-tab-selected a { padding: 0;}
ul#tour-tabs-list li a { width: 100%; margin: 0; padding: 0;}
ul#tour-tabs-list li a:hover span{background: #f4f4f4;}
ul#tour-tabs-list li.tour-tab-selected a:hover span{background: #fff;}

.folder-contents-file { margin: 4px 0; }
.folder-contents-file img { margin-right: 4px; }

#events  { width: 100%; }
#event-table tr td {padding: 3px 0 3px 0;}

img.mini { margin-left: 8px; }

ul.shared-folders-list, ul.users-list { margin: 0; padding: 0; margin-left: 5px;}
ul.shared-folders-list li, ul.users-list li { list-style: none; margin: 0 5px; font-size: 12px;}
ul.shared-folders-list li a{ font-size: 11px;}

.button-container input { margin: 0.5em 0.5em 0 0; }

.indent { margin-left: 10px;}

div#add-comment { margin-top: 0px; margin-bottom: 1.5em; }
div#add-comment .textinput { width: 480px; }
div#add-comment .button { height: 25px; margin: 0; text-align: right; width: 40px;}

table.spacing td, ul.spacing li { padding-top: 4px; padding-bottom: 3px; }
table.spacing td, ul.spacing li { padding-top: 4px; padding-bottom: 3px; }
table.spacing td, ul.spacing li { padding-top: 4px; padding-bottom: 3px; }
.button-container input { margin: 0.5em 0.5em 0 0; }

.indent { margin-left: 10px;}


table.spacing td, ul.spacing li { padding-top: 4px; padding-bottom: 3px; }
.pending-dropdown { position: absolute; display: none; left: 119px !important; top: 25px !important; width: 82px;}
.dropdown-link { font-size: 8pt; position: relative; margin-top: 3px; display: block }
.dropdown-link a {  display: block;  width: 193px; padding: 4px; border: 1px solid #fff;}
.dropdown-link a:hover{ text-decoration: none; }

.dropdown-link a{ outline: none;}
.dropdown-link a.hover { border: 1px solid #c6d8e4; background: #fafdff url(/static/images/big-dropdown.gif) 180px 5px no-repeat;}
.dropdown-link a.clicked { border: 1px solid #7ad; background:#f4faff url(/static/images/big-dropdown.gif) 180px 5px no-repeat;}
.dropdown-link .pending-dropdown {  background-color:#f4faff; border:1px solid #7ad; border-top: none; }
.dropdown-link .pending-dropdown a { border: none; width: auto;}
.dropdown-link .pending-dropdown a:hover, .dropdown-link .pending-dropdown a:hover img { border: none; background-color: #348dd3; color: #fff;}

.code {
    background-color:#f4faff;
    border: 1px solid #7ad;
    font-family:courier,monospace;
    padding:0.5em;
    white-space:pre-wrap;
}

.tour-col
{ 
    width: 245px;
    margin-left: 10px;
    margin-right: 5px;
    float: left;
}

.tour-cols
{
    width: 520px;
    _width: 530px;
    padding: 0;
    margin: 30px 0 10px 0;
    clear: both;
}

.tour-cols p
{ 
    margin-top: 0;
    margin-bottom: 2em;
}


.account-table  {  width: 100%; border: 0; margin: 0; padding: 0; padding-bottom: 3px; background: url(/static/images/skinny_dots.gif) bottom repeat-x;}
.account-table th { padding-bottom: 3px; background: url(/static/images/skinny_dots.gif) bottom repeat-x;}
.account-table td { padding: 3px 0;}

.account-table .icon  { width: 20px;}
.account-table th.email { width: 348px;}
.account-table td.email { width: 328px;}
.account-table .email { text-align: left }
.account-table .sent, .account-table .status { width: 125px; text-align: center;}

.account-table p { font-size: 12px; }

ul#searchresults { margin: 0 7px; padding: 0;}
ul#searchresults li{ list-style: none; font-size: 12px; margin: 0; padding: 10px 0; background: url(/static/images/skinny_dots.gif) repeat-x bottom;}
ul#searchresults li p { margin: 2px 0; color: #666; font-size: 11px; }

.highlight{ background: #ffa;}

div.plan { width: 330px; padding: 10px 25px 5px 25px;  text-align: center; float: left; }
div.plan h2 { margin: 0; padding: 0; font-size: 28px; padding-bottom: 5px; background: none;}
div.plan p { margin: 5px 0; color: #444;}
div.plan img { margin: 0 auto; border: 1px solid #ddd; padding: 25px 45px;}
div.plan small { display: block; margin: 3px auto;}
div.plan a { width: 254px; text-decoration: none; color: #444;}
div.plan h2 small { display: block; font-size: 10px; color: #222; vertical-align: 50%; }

.payment-option-selected { background: #fff; }
.payment-option-selected h2 { color: #07c !important;}

.disabled-button { background: #ddd; border: 1px solid #bbb; color: #999;}

.suggestion-input { color: #999; }
.suggestion-input-unfaded { color: #555; }

div#login-page div#login-container { width: 470px; margin: 30px auto 50px auto;  }
div#login-page div#form-container { float:left; border: 1px dotted #ccc; _border: 1px solid #e0e0e0; border-top: 0; padding: 30px 70px;  width: 330px;}
div#login-page .heading_text { text-align: center; margin-bottom: 1em;}

div#login-page table { text-align: right; }
div#login-page table td { padding: 3px 0px 3px 5px; color: #666; vertical-align: middle; font-size: 11px;}
div#login-page .textinput { width: 200px; }
div#login-page .content-tab { margin: 0 auto; }
div#login-page .spacer { font-size: 8px; }
div#login-page .error-message { display: block;  text-align: left; margin-bottom: -1.8em;}

div#footer-no-account ul { margin: 0; padding: 0;}
div#footer-no-account ul li { float: left; list-style: none; margin: 15px 15px 0 0;}
div#footer-no-account ul li a { font-size: 11px;}

.modal-textarea-parent { position: relative;}
ul.navlist { margin: 0 0 0 15px; padding: 0; }
ul.navlist li { list-style: none; margin: 0; padding: 0; }
ul.navlist li a { display: block; _display:inline-block; padding: 5px 0; font-size: 11px; margin:0;}

#admin_help_div { width: 800px; text-align: left; }
#admin_help_div input[type='text'], #admin_help_div textarea {width: 100%;}
.articlelist li { margin: 10px 0; font-size: 12px;}
.help_answer { margin: 1em 0;}
.help_answer ul li { margin: 1em 0; }

.icon_hover { display: none; }
.hover_swap .icon_no_hover {display: none;}
.hover_swap .icon_hover, .hover_swap:hover{display: block;}

.emo { background: #f4faff; padding: 20px; border: 1px solid #ace;}
.emo ul { padding: 0 1.5em;}
.emo ul li { list-style:none; margin: 4px 0;}
.emo ul li img { margin-right: 5px; }

.half-column { width: 48%;}
.half-column .fieldset {}
.half-column.left-column{ float: left; }
.half-column.right-column{ float: right;  margin-right: 0; }
.center-column{ width: 82%; margin: 0 auto; }
.upgrade.half-column .fieldset { min-height: 145px; _height: 155px;}

.center { text-align: center; }
.clean { margin: 0; padding: 0; }




input.welcome-submit {vertical-align: middle; margin: 0; padding:0 4px; font-size: 8pt; color: #fff; height: 20px;}


div#login-page table td.clean { padding: 0 5px; }


div#events-container { height: auto; }
div#events-content h2 { margin-top: 0; padding-top: 0;  }
#bottom-stuff { border: 1px solid #ccc; padding: 10px; }

ul#subtabs li a img.rounded_tl { position: absolute; margin: 0; top: -1px; left: -1px; background-color: transparent;}
ul#subtabs li a img.rounded_tr { position: absolute; margin: 0; top: -1px; right: -1px; background-color: transparent;}

.events_bubble { height: 13px; position: absolute; top: -7px; _top: 0; display: inline-block; right: -3px;  padding: 1px 4px 0; background: transparent url(/static/images/events_bubble_bg.gif) repeat-x; color: #fff; font-family:arial; font-size: 10px; z-index: 2; line-height: 13px !important; font-weight: normal !important;  }
.events_bubble_left, .events_bubble_right {  position: absolute; top: 0; margin: 0 !important; }
.events_bubble_left { left: -1px;  }
.events_bubble_right { right: -1px; }
.events_bubble_tail { position:absolute; left: 50%; top: 12px; margin: 0 0 0 -3px !important;  }

#download-link { background: transparent url(/static/images/download_button.png) no-repeat; width: 334px; height: 105px; display: block; position: relative;}
#download-link span { position: absolute;  color: #fff; font-size: 12px; top: 60px; left: 122px;  width: 165px; text-align:center;}
#download-link:hover { text-decoration: none;  }
p#avail {margin: 0; font-size: 10px; margin-top: 4px; width: 244px; margin-left: 80px;  text-align: center; margin-bottom: -10px;}


div#tag-cloud-container{

}


div#toolbox {
    background-color:#EFEFEF;
    border:1px solid #CCCCCC;
    color:#999999;
    padding:10px;
    margin-top:10px;
}
.message_box {
    background-color:#FFFFCC;

    background-position:5px 50%;
    border:1px solid #F8E69C;
    color:#000000;
    font-family:tahoma;
    font-size:12px;
    font-style:normal;
    line-height:normal;
    margin:5px 5px 15px;
    padding:10px 10px 10px 25px;
    width:700px;
}
.sign_up_already_have_an_acc_box{  
    color:#000000;
    font-family:tahoma;
    font-size:14px;
    font-style:normal;
    font-weight:bold;
    line-height:normal;
    margin:5px 5px 15px;
    padding:10px 10px 10px 25px;
    float:left;
    margin-top:18px;
}
div#image_modify_form_container{
    width:500px;
    flot:left;
}
div.featured-images-col { 
    border:#CCCCCC 1px solid;
    float: left;
    width:152px;
    margin:10px;
    height:200px;
}
#image_container{
    width:152px;
    float:left;
}
#image_id_container{
    width:63px;
    float:left;
    padding:0px 0px 0px 13px;
}
#image_date_container{
    width:63px;
    padding:0px 13px 0px 0px;
    text-align:right;
    float:left;
}
#image_title_container{
    width:139px;
    padding:0px 0px 0px 13px;
    float:left;
}
#image_desc_container{
    width:139px;
    padding:0px 0px 0px 13px;
    float:left;
}
div.featured-images-col ul { 
    float:left;
}
div.featured-images-col ul li { 
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
}
div.featured-images-col img { 
    padding:13px 13px;
}
#img-hi-res-download-link{
    width:295px;
    float:left;
}
#img-hi-res{
    width:510px;
    float:left;
}
table.table-1pxborder{
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: outset outset outset outset;
    border-color:#E9E9E9;
    border-collapse: collapse;
    background-color: white;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}
table.table-1pxborder th {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
table.table-1pxborder td {
    border-width: 1px 1px 1px 1px;
    padding: 1px 1px 1px 1px;
    border-style: inset inset inset inset;
    border-color: gray gray gray gray;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
}
/*
Control Panel Title bars
*/
div#title-bar{
    background-color:#EFEFEF;
    border:1px solid #CCCCCC;
    color:#999999;
    padding:3px;
    font-size:12px;
}
div.info-box {
    float:left;
    margin:0 0 0 10px;
    width:216px;
}
div.info-box div.help {
    background:#FFF9CF none repeat scroll 0 0;
    margin:0 0 10px;
    padding:10px;
}


div.message {

    padding: 10px;

    border: 2px solid #ddd;

    background-color: #eee;

    color: #222;
    width:500px;

}


div.notice {

    background: #FFF6BF;

    color: #817134;

    border-color: #FFD324;

}



div.success {

    background: #E6EFC2;

    color: #529214;

    border-color: #C6D880;

}



div.error {

    background: #FBE3E4;

    color: #D12F19;

    border-color: #FBC2C4;

}

#video_info_area{
	width:244px;
	float: left;
	height: 99px;
	background-color: #202020;
	border: 1px solid #999999;
	padding: 8px;
	margin-left: 4px;
}