#apptop, #appcontent, #appright, #appright, #appleft, #appbottom { position: relative; }

#appright{ float: right; width: 28%; }
#apptop, #appcontent{  width: 69%;  margin-left: 20px; }
#apptop { z-index: 9; }
#aapp div {border: 1px solid black; }



/* Front Page of Photo Section */
#photo_date { clear: left; }
#photo_category { clear: left; }

#standardform.less label { float: right; width: 200px; background-color: red}


/* #viewpage #appcontent { width: 100%; }  */
.curvebox { margin-bottom: 1em; }

#slideshow { display: inline; }

#catbox .innerbasicbox,
#linkbox .innerbasicbox
{ margin-left: 20px;}

/* Category Box */
#catbox {  color: #999; }
#catbox a, #catbox a:visited { color: #0047BE;}
#catbox table{ width: 100% }
#catbox_o { display: inline; }
#catbox #catbox_mo:hover { color: #999; }
#catbox #catbox_mo { color: #fff; }
#catbox #catbox_o_s a { color: #999; }


/* Date Nav Box*/
#datenavset table { width: 100%; }

#datenavset li { list-style-type: none; float: left; width: 2em; text-align: center; }
#datenavset td { vertical-align: top; }
#datenavset td.month { width: 3em; }
#datenavset #curdate {  background: #eeeeee; color: #036; }
#datenavset h3, #datenavset h4 { font-weight: normal; }
#datenavset a { color: #659B59; }
#datenavset a:visited { color: #A0B39B; }

.datetopnav { position: relative; z-index: 5}
#datetopnavcur { color: #999; font-weight: bold;}
.datetopnav a { color: #0047BE; }
.datetopnav a:visited { color: #738FBF; }


/* Photo info Box */
#photoinfocbox { margin-top: 30px; }
#photoinfobox_s { padding: 0 15px 0px; }
#photoinfobox div.basicboxheader { padding: 0 10px ; display: block; border: 0px solid #999; border-width:0 0px; }
#photoinfobox div.basicboxheader a { font-weight: normal; color: #659B59; }


#sizelist p { font-size: 0.7em; color: grey; }


.pbunit div.curvebox { margin: 5px 5px 10px 0; height: 265px; width: 215px; float: left; text-align: center;}
.pbunit table { height: 250px; width: 100%; padding:0; margin:0;}
.pbunit td { vertical-align: bottom; }
.pbunit div.tcap { margin-top: 1px; height: 1.5em; overflow: hidden; font-size: 0.8em; display: block;}


.pbxunit div.curvebox { margin: 0px 5px 20px;  height: 225px; width: 196px; float: left; text-align: center;}
.pbxunit div.innercurvebox { padding-top: 5px; }
.pbxunit table { height: 215px; width: 100%; padding:0; margin:0;}
.pbxunit td.tdinfo { vertical-align: top; font-size: 0.8em}

.pbxunit div.timg { height: 150px; }
.pbxunit div.tcap { margin-top: 1px; height: 1.5em; overflow: hidden; font-size: 1em; display: block;}
.pbxunit div.ttag { height: 1.5em; overflow: hidden;}
.pbxunit div.tdate, .pbxunit div.tcat { display: inline; }


/* for date */

.pdxunit div.curvebox { margin: 0px 5px 20px;  height: 160px; width: 100px; float: left; text-align: center;}
.pdxunit div.innercurvebox { padding-top: 5px; }
.pdxunit table { height: 115px; width: 100%; padding:0; margin:0;}
.pdxunit td.tdinfo { vertical-align: top; font-size: 0.8em}

.pdxunit div.timg { height: 80px; }
.pdxunit div.tcap { margin-top: 1px; height: 1.5em; overflow: hidden; font-size: 0.9em; display: block;}
.pdxunit div.ttag { height: 1.5em; overflow: hidden;}
.pdxunit div.tdate, .pdxunit div.tcat { display: inline; }


.datesep { margin-top: 15px; width: 100%; clear: left; border-bottom: 1px solid #eeeedd; }





#viewpic { text-align: center;  } 
#viewpic table { margin:0; padding:0; width: 100%}
#viewpic td { text-align: center; }

#innerviewpic { margin: 0 auto;  }
#viewtitle { height: 30px;}
#viewcaption { margin: 15px; }
#viewnotes { width: 600px; text-align: left; margin: 0px auto;} 
#viewtaglist { width: 600px; text-align: left; margin: 0px auto;} 
#viewcategory { width: 600px; text-align: left; margin: 0px auto;} 
#viewlink { width: 600px; margin: 0px auto; }
#viewlink input {width: 500px; }
#viewcomment { margin: 15px auto;width: 600px; }



div#commentdisplay { width: 100%; }
#commentdisplay li { list-style-type: none; background-color: #efefef; margin: 3px 0; padding: 5px;}
.commenttitle { font-weight: bold; }
.commenttext  { }
.commentinfo  { font-size: 0.75em; color: #999; }

#commentform { border: 1px solid #ccc; padding: 5px;}
#commentform legend { padding: 0 5px 10px 0; width: 145px; text-align: right; float:left; color: #999;}
#commentform textarea { width: 30em; height: 6em; overflow: auto; }
	



/* CURVACEIOU Tag Set Box */
#viewtagbox_s { padding: 0 12px 0; }
#viewtaglist li {list-style-type: none;  margin: 0;}

/* Date Box -- within the c datebox*/
#datebox { margin: 0; padding: 0; }
#datebox div.basicboxheader { padding: 0 10px ; display: block; border: 0px solid #999; border-width:0 0px; }
#datebox div.basicboxheader a { font-weight: normal; color: #659B59; }
#datebox_s { padding: 0 15px 0px; }
#datebox { color: #999;  }
#datebox h4 { margin: 0 ; }
#datebox_o { display: inline; }
#datebox #datebox_mo:hover { color: #999; }
#datebox #datebox_mo { color: #fff; }
#datebox li { list-style-type: none; } 

/* CURVACEOUS Detail Box - view page - not used can delete*/
#detailbox_s  { padding: 0 12px 0 }
#detailbox li { list-style-type: none; }



#photopaginationtop { width: 90%; border-bottom: 1px dashed #999;  height: 1.5em; display: block; margin-bottom: 25px; margin-left: 3px; color: #999; clear: left;}
#photopagination { width: 90%; border-top: 1px dashed #999; display: block; margin-top: 25px; margin-left: 3px; color: #999; clear: left;}
#photopagination_next { text-align: right; display: block; float: left; width: 49%;}
#photopagination_prev { display: block; float: left; width: 50%;}

.phototext { float: left; margin: 5px; }
.phototext table { margin: 0; padding: 0; width: 250px;}
#photo_photounit { display: block; width: 100%;  }	

/* Category Page */
#photosubbox_o { display: inline; font-size: 0.9em; font-weight: normal; }
#photosubbox #photosubbox_mo:hover { color: #999; }
#photosubbox #photosubbox_mo { color: #fff; }
#photosubbox #photosubbox_mo { text-decoration: none; }

/* Tag Cloud Size & Color */
.f1 { font-size: 10px; }
.f2 { font-size: 12px; }
.f3 { font-size: 14px; }
.f4 { font-size: 16px; }
.f5 { font-size: 18px; }
.f6 { font-size: 20px; }
.f7 { font-size: 22px; }
.f8 { font-size: 24px; }
.c1, .c1 a, a.c1:visited { color: #F9861C; }
.c2, .c2 a, a.c2:visited { color: #FF9D1E; }
.c3, .c3 a, a.c3:visited  { color: #FCB829; }
.c4, .c4 a, a.c4:visited { color: #FEC633; }
.c5, .c5 a, a.c5:visited  { color: #FACC43; }
.c6, .c6 a, a.c6:visited  { color: #F2CC6B; }
.c7, .c7 a, a.c7:visited  { color: #E1CE96; }
.c8, .c8 a, a.c8:visited  { color: #D7CFB8; }

/* Tag Options */
#tagoptions { display:inline; }
#tagoptions_s {display:none; }

#tagoptions ul li ul { width: 120px; position: absolute; left: -105px;}
#tagoptions ul li ul li { display: block; margin: 0; }
#tagoptions ul li a, #tagoptions ul li a:visited { color: #99A; }


/* Tag Box */
#tagbox .basicboxheader a { font-weight: normal; color: #659B59; }
#tagbox .basicboxheader a:visited { font-weight: normal; color: #659B59; }
#tagbox_s { padding: 0 10px 0px; }
#tagbox { color: #999;  }
#tagbox h4 { margin: 0 ; }
#tagbox_o { display: inline; }
#tagbox #tagbox_mo:hover { color: #999; }
#tagbox #tagbox_mo { color: #fff; }

#tagbox li { list-style-type: none; }


/* CURVACEOUS Tag Box*/
#tagbox_s { border-width:0 1px; }
/* END CURVACEOUS Tag Box*/


/* Cat Tree */
#cattree, #cattree_s { }
#cattree { color: #aaa; }
#cattree a { color: #659B59; }
#cattree a:visited { color: #A0B39B; }
#cattree_s { padding: 0 10px 0px ;}
#cattree div.basicboxheader { padding: 0 10px; display: block;}
#cattree div.basicboxheader a { font-weight: normal; color: #659B59; }

#cattree o, #cattree c { width: 16px; height: 13px; }
#cattree_s span.o { background: url('http://beta.myhq.com/img/folder_minus.gif') no-repeat; }
#cattree_s span.c { background: url('http://beta.myhq.com/img/folder_plus.gif') no-repeat; }
#cattree_s a:hover span.o { background: url('http://beta.myhq.com/img/folder_minus_over.gif') no-repeat; }
#cattree_s a:hover span.c { background: url('http://beta.myhq.com/img/folder_plus_over.gif') no-repeat; }



.treeWidget { width: 16px; height: 12px; display: inline; border: 0;  }
#cattree_o { display: inline; position: relative; }
#cattree_o ul li ul { width: 120px; position: absolute; left: -90px;}

#cattree #cattree_mo:hover { color: #999; }
#cattree #cattree_mo { color: #fff; }





/* Sub pages */
#currentlocation { margin-left: 25px; display: none;  }
#currentlocation h1  { font-size: 1.5em; }
#subbox h2 { font-size: 1.2em; }
#subbox { padding: 0; margin-bottom: 10px;}
#subbox { color: #0047BE; }
#subbox a { color: #0047BE; }

/* Category Page */
#catnotes { margin: 5px 0 15px 25px; padding: 0; }

.photobrowse div.t { margin: 0 5px 0; height: 180px; width: 160px; float: left; display: inline; text-align: center;}
.photobrowse table { height: 180px; width: 100%; margin:0;  text-align: center; }
.photobrowse td { vertical-align: bottom; }
.photobrowse p { margin-top: 1px; height: 1.4em; overflow: hidden; font-size: 0.8em; width: 110px;}
.photobrowse img {  display: inline; border: 1px solid #cccccc; margin:0; padding: 5px; }
.photobrowse li { list-style-type: none; }


#photoview ul li { float: left; list-style-type: none; text-align:center; width: 4em; }
#photoview ul li p { font-size: 0.7em; color: #999; }




#photobox_o { display: inline; }
#photobox #photobox_mo:hover { color: #999; }
#photobox #linkbox_mo { color: #fff; }





#alltags .o, #commontags .o, #cattree .o, #searchtags .o, #datebox .o, #photoinfobox .o { background: url('http://beta.myhq.com/img/tab_xl_green_open.gif') no-repeat; }
#alltags a:hover .o, #commontags a:hover .o, #cattree a:hover .o, #searchtags a:hover .o, #datebox a:hover .o, #photoinfobox a:hover .o { background: url('http://beta.myhq.com/img/tab_xl_green_open_over.gif') no-repeat; }


#alltags .c, #commontags .c, #cattree .c, #searchtags .c, #datebox .c, #photoinfobox .c { background: url('http://beta.myhq.com/img/tab_xl_green_close.gif') no-repeat; }
#alltags a:hover .c, #commontags a:hover .c, #cattree a:hover .c, #searchtags a:hover .c, #datebox a:hover .c, #photoinfobox a:hover .c { background: url('http://beta.myhq.com/img/tab_xl_green_close_over.gif') no-repeat; }


/* All Tags */
#alltags, #alltags_s { }

#alltags ul { }
#alltags li { list-style: none; }


/* Common Tags */
#commontags { }
#commontags li { list-style: none;}