html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, form, input, textarea, img {margin:0; padding:0; font-family:arial;}
body {font-family:arial; font-size:68.5%; color:#666;}
ul, li {list-style-type:none;}
img {border:0}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline;}
/*******************************
structure
***********************************/
#wrapper {width:87.4em; height:auto; margin:0 auto; font-size:1em; line-height:1.3em;}
#padwrap { width:auto; height:auto;padding-left:15px;}
#header {width:100%; height:134px; background: transparent url(../images/bg_banner2.jpg) 0 0 no-repeat; position:relative;}
#content {width:100%;}
/*nav*/
#header #nav {position:absolute; top:0px; right:-20px; width:auto; height:58px; text-align:right;}
#header #nav #navleft { width:25px; height:58px; background: transparent url(../images/bg_navleft.png) 0 0 no-repeat; float:left; }
#header #nav #navcenter { background: transparent url(../images/bg_navcenter.png) 0 0 repeat-x; height:48px; width:auto; float:left;}
#header #nav #navright { width:25px; height:58px; background: transparent url(../images/bg_navright.png) 100% 0 no-repeat; float:left; }
#nav ul {margin-top:1em; float:left;}
#nav ul li {float:left; border-right:1px solid #0979a4; padding:2px 12px 3px 12px;}
#nav ul li.last {border-right:none;}
#nav ul li a, #nav ul li a:visited {color:#0979a4; text-decoration:none; display:block;}
#nav ul li a:hover, #nav ul li a:active {text-decoration:underline;}
/*footer*/
#footer {width:100%; height:37px; clear:both; border-top:1px solid #999; background: transparent url(../images/bg_footer.gif) 100% 0 no-repeat; margin-top:5em;}
#footer ul {margin-top:10px;}
#footer ul li {float:left; padding:0 10px; margin:0; border-right:1px solid #999;}
#footer ul li a {color:#999; text-decoration:none; padding:0; margin:0;}
#footer ul li a:hover, #footer ul li a:active {text-decoration:underline;}
#footer ul li.first {padding-left:0;}
#footer ul li.last {border-right:none;}
#contentcontainer {clear:both; /*width:70em;*/}
#map {width:100%; border:1px solid #ccc; text-align:center;}
.left {float:left; width:32.5em; height:auto;padding-right:1em;}
.right {float:left; width:34em; height:auto;border-left: 1px dotted #c0c0c0;padding-left:1em;}
/*images */
/*headers */
#wrapper h2 {display:block; margin-bottom:8px; height:26px;}
#wrapper.home h2 {width:400px; background: transparent url(../images/h2_homepage.gif) 100% 0 no-repeat; float:right; height:40px; margin-top:26px;}
#wrapper.view_image h2 {width:150px; background: transparent url(../images/h2_viewimage.gif) 0 0 no-repeat; }
#wrapper.browse_albums h2 {width:166px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.browse_images h2 {width:180px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.browse_images.searchresults h2 {width:180px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.view_album h2 {width:124px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.edit_my_image h2 {width:180px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.my_images h2 {width:130px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.optional_details h2 {width:320px; background: transparent url(../images/h2_optionaldetails.gif) 0 0 no-repeat;}
#wrapper.edit_my_album h2 {width:300px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.login h2 {width:300px; background: transparent url(../images/h2_login.gif) 0 0 no-repeat;}
#wrapper.share_image h2 {width:300px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.terms h2 {width:180px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.privacy h2 {width:180px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.guidelines h2 {width:300px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.share_album h2 {width:300px; background: transparent url(../images/) 0 0 no-repeat;}
#wrapper.sitemap h2 {width:300px; background: transparent url(../images/) 0 0 no-repeat;}
h3 {color:#0979a4; margin-bottom:0.6em; font-size:1.4em; font-weight:normal;}
h4 {color:#0979a4; margin-bottom:0.5em; font-size:1.1em; font-weight:bold; margin:22px 0 15px;}
h5 {color:#0979a4; margin-bottom:0.5em; font-size:1em; font-weight:bold; margin:1em 0 0.5em; display:block;}
/***********************************
homepage
************************************/
#wrapper.home #header {height:110px}
/*#wrapper.home {background:transparent url(../images/bg_home-main.jpg) 0 0 no-repeat;}*/
#wrapper.home div.row1 {/*margin-left:105px;*/ text-align:center;}
#wrapper.home div.row1, #wrapper.home div.row2 {width:auto; }
#wrapper.home div.row2 {height:auto; margin-left:105px;}
#wrapper.home div.row2 .col1 {float:left; width:27em; }
#wrapper.home div.row1 .buttonwrap {float:right; height:auto; width:23.3em; clear:both; margin-top:1.6em;}
#wrapper.home div.row1 .buttons {width:100%;}
#wrapper.home div.row1 .buttonwrap p {padding-left:5px;}
#wrapper.home div.row2 .col2 {float:left; width:20.4em; margin-right:3em;}
#wrapper.home div.row2 .col3 {float:left; width:18.5em;}
#wrapper.home .col1 h3 {width:100%; height:76px; background:transparent url(../images/) 0 0 no-repeat;}
#wrapper.home .col2 h3 {width:100%; height:76px; background:transparent url(../images/) 0 0 no-repeat;}
#wrapper.home .col3 h3 {width:100%; height:58px; background:transparent url(../images/) 0 0 no-repeat;}
#wrapper.home .col3 h3.top {width:100%; height:36px; background:transparent url(../images/) 0 0 no-repeat;}
#wrapper.home div.row2 .col1 ul {padding:0.4em 0 0 0; margin:0; float:left; width:25em;}
#wrapper.home div.row2 .col1 ul li {float:left; width:135px; height:10em; background: transparent url(../images/bg_browseimages_home.gif) 0 0 no-repeat; padding:1px 0 0 0; overflow:hidden; }
#wrapper.home div.row2 .col1 ul li.rgt {float:right; margin-right:0;}
#wrapper.home div.row2 li img {display:block; margin:0.3em auto 0.8em auto;}
#wrapper.home div.row2 a.more {background: transparent url(../images/bg_btn.jpg) 100% 0 no-repeat; padding:0 2.3em 0.5em 0; line-height:2em; text-decoration:none; color:#666;}
#wrapper.home div.row2 a.more:hover {text-decoration:underline;}
#wrapper.home .col1 span.bordertop {text-align:right; width:25em;}
#wrapper.home .col2 span.bordertop {text-align:right}
#wrapper.home div.row2 .col2 ul {padding:0.4em 0 1em 0; margin:0; width:100%;}
#wrapper.home div.row2 .col2 ul li, #wrapper.home div.row2 .col3 ul li {width:17em; float:left; background:transparent url(../images/bg_li-home-col2.jpg) 0 0 no-repeat; padding:0.5em 0 0.5em 3.5em; height:auto;}
#wrapper.home div.row2 .col2 ul li a, #wrapper.home div.row2 .col3 ul li a {color:#0979a4; font-weight:bold;}
#wrapper.home div.row2 .col3 div.search {position:relative; background: transparent url(../images/bg_home-search.jpg) 0 0 no-repeat; width:100%; height:7em;}
div.search input {width:174px; height:19px; background-color:#fff !important; color:#333; border:1px solid #999; position:absolute; top:8px; left:8px;}
div.search input.searchbtn {width:68px; height:19px; position:absolute; top:32px; left:114px; border:0;}
div.topdestinations {width:100%; height:10em; background:transparent url(../images/bg_home-topdestinations.gif) 0 0 no-repeat;}
div.topdestinations .imgcontainer {padding:12px 0 0 0px; width:165px; text-align:center;}
#wrapper.home a.browsepictures {height:37px; width:258px; display:block; background:transparent url(../images/bg_a-browseimage.jpg) 0 0 no-repeat;}
#wrapper.home a.createnavpix {height:37px; width:258px; display:block; background:transparent url(../images/bg_a-createnavpix.jpg) 0 0 no-repeat;}
#wrapper.home a.login, #wrapper.home a.register {height:36px; width:126px; display:block; }
#wrapper.home a.login {background:transparent url(../images/bg_a-login.jpg) 0 0 no-repeat; float:left;}
#wrapper.home .buttons a.register {/*background:transparent url(../images/bg_a-register.jpg) 0 0 no-repeat;*/ float:right;}
#wrapper.home .buttonwrap {height:37px; width:258px; display:block; background:transparent url(../images/bg_a-browseimage.jpg) 0 0 no-repeat;}
#wrapper.home .buttons .loginwrap {background:transparent url(../images/bg_a-login.jpg) 0 0 no-repeat; float:left;}
#wrapper.home .buttons .registerwrap {background:transparent url(../images/bg_a-register.jpg) 0 0 no-repeat; float:right;}
/***********************************
************************************/
/***********************************
view image/album page
************************************/
#wrapper.view_image .right .detailswrap a, #wrapper.view_image .right .detailswrap a:visited {font-weight:normal; color:#666; text-decoration:underline;}
#wrapper.view_image .right .detailswrap a:hover, #wrapper.view_image .right .detailswrap a:active {color:#000;}
#wrapper.view_image .right .detailswrap {width:35em; display:block; margin:0.5em 0 1.3em; }
#wrapper.view_image .right .detailswrap .header {width:8em; float:left; color:666; clear:left; }
#wrapper.view_image .right .detailswrap .desc {width:22em; float:left; color:666;}
#wrapper.view_album ul#actions {margin:0.3em 0 0 0em;}
/***********************************
browse album page
************************************/
/*tabs*/
#tabs {width:100%; height:24px; border-bottom:1px solid #c1c1c1; margin-top:15px; position:relative }
ul#tabContainer {width:auto; height:24px; position:absolute; top:0; left:5px;}
ul#tabContainer li {background:transparent url(../images/bg_browsetab-left.gif) 0 100% no-repeat; width:auto; height:24px; padding-left:10px; float:left;}
ul#tabContainer li a {background:transparent url(../images/bg_browsetab-right.gif) 100% 100% repeat-x; height:24px; padding:0px 15px 0px 5px;
display:block; display:inline-block; line-height:2.4em; color:#006699; text-decoration:none; cursor:pointer;}
ul#tabContainer li a:hover {text-decoration:underline;}
ul#tabContainer li.sel {background:transparent url(../images/bg_browsetab-left-sel.gif) 0 100% no-repeat; height:25px;}
ul#tabContainer li.sel a {background:transparent url(../images/bg_browsetab-right-sel.gif) 100% 100% no-repeat; height:25px;}
/*pagination*/
ul.pagination {float:right; margin-right:1.8em;}
ul.pagination li {float:left; border-right:1px solid #666; padding:0 5px;}
ul.pagination li a, #tabs ul#pagination li a:visited {color:#999;}
ul.pagination li a:hover, #tabs ul#pagination li a:active {color:#666;}
ul.pagination li.sel a {color:#666; font-weight:bold;}
ul.pagination li.last {border-right:none; padding-right:2em;}
ul.pagination li.date {border-right:none; }
/*album list*/
.bottomTabs {border-top:1px solid #c1c1c1; margin-top:2em; padding-top:1em; width:100%;}
.bottomTabs ul.tablinks {float:left; margin-left:-5px;}
ul.albums li {float:left; height:18em; width:14.4em; margin-top:1em; padding:0 8px; overflow:hidden; background: transparent url(../images/bg_album.gif) 0 0 no-repeat; margin-right:1em; }
ul.albums li img { padding:8px 0px; margin:0 auto; display:block;}
ul.albums li a {color:#686868; text-decoration:none;}
.albums{ cursor: pointer;}
/***********************************
end browse album page
************************************/
/***********************************
browse images page
************************************/
div.row {width:32em; padding:0 3px; margin-bottom:1em;}
div.row1 {width:32em; margin-bottom:5px;}
.right form {height:24.3em; padding-bottom:10px; float:left;}
div.row2 {width:33em; margin-bottom:15px; height:16em; }
div.row2 ul {margin-top:1em;}
div.row2 ul li {float:left; width:14.5em; height:15em; background: transparent url(../images/bg_browseimages_med.gif) 0 0 no-repeat; padding:8px;}
#wrapper.browse_images span.feature {margin-top:0.5em; }
#wrapper.browse_images .row1 span.feature, #wrapper.browse_images .row1 span.date {padding-left:0.5em; }
div.row3 {width:33em; margin-bottom:15px; height:auto; clear:left;}
div.row3 ul li {float:left; width:9.8em; height:10em; background: transparent url(../images/bg_browseimages_small.gif) 0 0 no-repeat; padding:6px 6px 6px 5px; overflow:hidden;}
div.row3 ul {margin-bottom:1em;}
div.row3 ul li img {display:block; margin:0 auto 0.5em auto;}
div.row2 ul li img {display:block; margin:0 auto 0.8em auto;}
div.row3 ul li a {color:#686868; text-decoration:none; line-height:1.1em;}
div.row p, div.row1 p, div.row2 p, div.row3 p, div#col1 p, div#col2 p, div#col3 p {margin:0.3em 0 1.3em; width:95%; }
div.row3 a.seemore {width:auto; height:17px; background: transparent url(../images/bg_btn.jpg) 100% 0 no-repeat; padding:0 2em 0 0; color:#686868; float:right; margin:1em 0 0 0; }
a.seemore:hover {text-decoration:underline;}
ul#tagcloud {width:100%;}
ul#tagcloud li {float:left; /*height:1.8em;*/ padding-right:0.5em; display:block; }
ul#tagcloud li a {color:#666; display:block;}
ul#tagcloud li a.tag5, div#KeywordsHolder a.tag5 {color:#999; font-size:0.9em;}
ul#tagcloud li a.tag4, div#KeywordsHolder a.tag4 {font-size:1em; }
ul#tagcloud li a.tag3, div#KeywordsHolder a.tag3 {font-size:1.2em;}
ul#tagcloud li a.tag2, div#KeywordsHolder a.tag2 {font-size:1.4em; }
ul#tagcloud li a.tag1, div#KeywordsHolder a.tag1 {color:#333; font-size:1.6em;}
div.searchbox {padding: 7px 0px 0px 15px;background: transparent url(../images/bg_search.gif) 0 0 no-repeat; height:39px; overflow: auto;}
div.searchbox input {width:230px; height:16px; background-color:#fff !important; color:#333; border:1px solid #999; font-size:0.9em; float:left;}
/*div.searchbox input.searchbtn {width:71px; height:24px; position:absolute; top:9px; left:280px; border:0;}*/
div.checkbox {width:35em; height:auto; color:#666; margin-top:1em;}
div.checkbox span {display:block;}
div.checkbox label {padding:0 0.5em; }
span.checkwrap {width:10em; height:18px; float:left; display:inline; margin:0.7em 0 0 0; padding:0; }
div#KeywordsHolder{
clear:right;
width:353px;
}
div#KeywordsHolder a.keyword{
clear:none;
padding-right:7px;
display:inline;
line-height:20px;
}
/***********************************
end browse images page
************************************/
/***********************************
edit my image /optional details pages
************************************/
label.fullwidth, span.fullwidth {display:block; color:#0979a4; margin-bottom:0.5em; font-size:1em; margin:1em 0 0.3em 0; clear:both;}
span.fullwidth2 {display:block; color:#0979a4; margin-bottom:0.5em; font-size:1.1em; margin:1em 0 0.3em 0; clear:both; padding-top:2em; text-align:center;}
input.fullwidth {width:100%; height:16px; background-color:#fff !important; color:#333; border:1px solid #999; font-size:0.9em;}
textarea.fullwidth {width:100%; height:6em; background-color:#fff !important; color:#333; border:1px solid #999; font-size:12px; }
textarea.lge {height:25em;}
#wrapper.edit_my_image .left form.del {width:33em;}
#wrapper.edit_my_image select.fullwidth {width:100%; height:2em; color:#333; font-size:0.9em; border:1px solid #999;}
#wrapper.edit_my_image div.checkwrap, #wrapper.optional_details div.checkwrap {width:95%; margin:0.5em 0 0 0; padding:0; text-align:right; }
#wrapper.edit_my_image div.checkwrap label, #wrapper.optional_details div.checkwrap label {margin-right:0.5em; padding-bottom:0.5em; vertical-align:middle;}
#buttonWrap {/*width:67em;*/ border-top:1px solid #c1c1c1; clear:both; padding:2em 0 0; text-align:right;}
#wrapper.optional_details .detailswrap {width:33em; display:block; margin:0.5em 0 1.3em; clear:both;}
#wrapper.optional_details .detailswrap .header {width:12em; float:left; color:666; clear:left; }
#wrapper.optional_details .detailswrap .desc {width:18em; float:left; color:#333;}
a.goback {display:block; width:auto; background:transparent url(../images/btn_search-left.gif) 0 0 no-repeat; padding:0.3em 0 0.5em 2em; margin-top:2em;}
a.goback2 {width:auto; height:5em; background:transparent url(../images/btn_submit_rev.gif) 0% 0 no-repeat; padding:0 0em 0.5em 1.5em; line-height:2em;text-decoration:none; color:#0979A4;}
a.cancel {width:auto; height:5em; background: transparent url(../images/btn_submit.gif) 100% 0 no-repeat; padding:0 1.8em 0.5em 0; line-height:2em; text-decoration:none; color:#0979A4;}
#wrapper.edit_my_image ul#actions, #wrapper.optional_details ul#actions {margin-top:0;}
/***********************************
end edit my image page
************************************/
/***********************************
my images page
************************************/
#VR {float:left;border-left: 1px dotted #c0c0c0;}
#col1 {float:left; width:17em; padding-right:1em;}
#col2 {float:left; width:32.1em; padding-left:1em;padding-right:1em;border-left: 1px dotted #c0c0c0;border-right: 1px dotted #c0c0c0; height:auto;}
#col3 {float:left; width:15.5em; padding-left:1em;}
#col3 label.fullwidth {color:#666;}
#col1 form input.buttonbg {margin:0.5em 0 1em;}
span.borderbottom {border-bottom:1px solid #c1c1c1; width:100%; display:block; margin-top:0.5em; padding-bottom:0.5em;}
span.bordertop {border-top:1px solid #c1c1c1; width:100%; display:block;}
#wrapper.my_images ul.pagination li.last, #wrapper.edit_my_album ul.pagination li.last, #wrapper.view_album ul.pagination li.last {padding-right:0;}
ul.smallPics {width:100%; float:left; margin:0.5em 0; cursor:pointer;}
ul.smallPics li {float:left; width:7.9em; height:6em; background: transparent url(../images/bg_smallpics.gif) 0 0 no-repeat;}
ul.smallPics li img {padding:5px;}
#wrapper.browse_albums ul.pagination {margin-right:0;}
#wrapper.my_images ul.pagination, #wrapper.edit_my_album ul.pagination, #wrapper.view_album ul.pagination {padding-top:0.7em; margin-right:0;}
ul.midPics input {margin-right:0.5em;}
ul.midPics img {padding-bottom:0.2em; cursor: pointer;}
#wrapper.my_images #col2 .row3 li {height:8.7em;}
#wrapper.my_images .bottomTabs, #wrapper.edit_my_album .bottomTabs {border-bottom:1px solid #c1c1c1; border-top:0; padding-bottom:1em; }
#wrapper.edit_my_album .bottomTabs {margin-top:0.5em; padding-top:0; border-bottom:1px solid #c1c1c1; border-top:0;}
div.myalbums, div.unprocessed {clear:both;}
div.myalbums ul.albums li {height:auto; margin:0.5em 0;}
div.myalbums ul.albums li span {width:100%; text-decoration:underline; display:block;}
/***********************************
end my images page
************************************/
/***********************************
login page
************************************/
#login, #register {width:360px; height:auto; margin-top:1.5em;}
#register {display:none;}
.boxtop {width:360px; height:15px; background:#fff url(../images/bg_login-top.gif) 0 0 no-repeat;}
.boxbottom {width:360px; height:20px; background:#fff url(../images/bg_login-bottom.gif) 0 0 no-repeat;}
.boxcenter {width:360px; height:auto; background:#fff url(../images/bg_login-center.gif) 0 100% no-repeat; padding:10px 20px 0;}
.boxcenter .rgt a {background: transparent url(../images/bg_arrow-greybg.gif) 100% 0 no-repeat; padding:0 2em 0.5em 0; line-height:2em; text-decoration:none; color:#666;}
.boxcenter .rgt a:hover {text-decoration:underline;}
#wrapper.login .row .lft {width:auto; }
#wrapper.login .boxcenter .formwrap {margin-bottom:0.5em;}
#wrapper.login .boxcenter .lft {width:7em; }
#wrapper.login #login .boxcenter .lft {width:7em; }
#wrapper.login .boxcenter .rgt {float:left;}
#wrapper.login .row .lft input {margin-right:0.3em;}
#wrapper.login .row .lft label {vertical-align:top;}
input.login-grey {width:4.8em; height:2em; border:0; background: url(../images/btn_login.gif) 100% 60% no-repeat;
cursor:hand; cursor:pointer; padding:0.1em 15px 0.2em 0; color:#0979a4; margin:0 0 0 1em; text-align:left; font-size:0.9em;}
.rgt.sub-btn {text-align:right;}
#register input.login-grey {width:5.7em;}
/***********************************
end login page
************************************/
/***********************************
share page
************************************/
#wrapper.share_image div.formwrap span.lft, #wrapper.share_album div.formwrap span.lft {width:9em;}
/***********************************
end share page
************************************/
/***********************************
footer pages
************************************/
#wrapper.terms .left, #wrapper.privacy .left, #wrapper.guidelines .left, #wrapper.sitemap .left {width:50em;}
#wrapper.terms .left p, #wrapper.privacy .left p, #wrapper.guidelines .left p, #wrapper.terms .left h4, #wrapper.privacy .left h4, #wrapper.guidelines .left h4 {margin:0.5em 0;}
#wrapper.terms .left h3, #wrapper.privacy .left h3, #wrapper.guidelines .left h3 {margin:1.3em 0;}
/*#wrapper.guidelines ul li {list-style-type:disc; list-style-position:inside;}
*/#wrapper.sitemap ul#SitemapList {margin-top:1.5em;}
#wrapper.sitemap ul#SitemapList li {margin-bottom:1em;}
#wrapper.sitemap ul#SitemapList li a { font-weight:bold;!important}
/***********************************
end footer pages
************************************/
/***********************************
search results
************************************/
#wrapper.browse_images.searchresults p.results {margin:1em 0;}
#wrapper.browse_images.searchresults span.searched {font-weight:bold; font-size:1.1em;}
/***********************************
end search results
************************************/
/***********************************
action panel
************************************/
div#actionTopBg{
width:426px;
height:20px;
background:url(../images/bg_popup-top.gif) 0px 0px no-repeat;
z-index:350;
display:block;
}
div#actionBottomBg{
background:url(../images/bg_popup-bottom.gif) bottom left no-repeat;
width:426px;
height:8px;
z-index:400;
}
div#actionGradient{
background:#000000;
z-index:500;
background:url(../images/bg_popup-content.gif) left 50px repeat-y;
}
div#action {width:426px; height:186px; position:absolute; z-index:300; display:none;}
div#action #content {text-align:center; font-weight:bold; padding:3.5em 0 9em 0; color:#006699; background:#999999; width:408px; margin-left:7px; background:url(../images/bg_pop-u-gradient.gif) repeat-x;}
div#action a.endAction {text-align:right; float:right;background: url(../images/btn_close-pop-up.gif) right no-repeat; margin-top:7px; margin-right:15px; width:20px; height:20px;}
div#action a:hover{ text-decoration:none;}
/***********************************
end action panel
************************************/
/*general */
.imageContainer {width:353px; height:auto; background: url(../images/bg_view-center.gif) 0 0 repeat-y; text-align:center;}
.imageContainer .image-top{width:353px; height:10px; background: transparent url(../images/bg_view-top.gif) 0 0 no-repeat;}
.imageContainer img {padding:0 10px; vertical-align:bottom; margin:0 auto;}
.imageContainer .image-bottom {width:353px; height:10px; background: transparent url(../images/bg_view-bottom.gif) 0 100% no-repeat; }
ul#actions {margin:0.3em 0 0 0; width:355px; text-align:center;}
ul#actions li {display:inline; padding-right:1.6em; font-size:1em;}
ul#actions li a {width:auto; height:5em; background: transparent url(../images/bg_btn.jpg) 100% 0 no-repeat; padding:0 2em 0.5em 0; line-height:2em; text-decoration:none; color:#666;}
ul#actions li a:hover, #wrapper.view_image .left ul li a:active {text-decoration:none;}
div.formwrap {width:100%; clear:both; margin-bottom:0.3em; float:left;}
div.formwrap span.lft {width:8em; float:left; padding-top:0.2em;}
div.formwrap span.lft label {}
div.formwrap span.rgt {width:22em; float:right;}
.formwrap span.error, span.error {display:block; width:100%; color:#c60b0b; text-align:right;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block; clear:both;}
.hdn { display:none;/*position:absolute; left:-9999px; height:0; font-size:0;*/}
span.date {color:#999; padding-right:0.5em;}
span.colgrey, label.colgrey {color:#999;}
span.date a {color:#333; text-decoration:underline;}
span.feature {color:#686868; font-weight:bold; font-size:1em; display:block; padding-right:0.5em;}
.padtop1 {padding-top:1em;}
.padtop13 {padding-top:1.3em;}
.padtop2 {padding-top:2em; }
.marginbottom0 {margin-bottom:0;}
input.buttonbg {width:auto; height:2em; border:0; background:#fff url(../images/btn_submit.gif) 100% 60% no-repeat;
cursor:hand; cursor:pointer; padding:0.1em 15px 0.2em 0; color:#0979a4; margin:0 0 0 1em; text-align:left; font-size:1em;}
input.update {font-weight:bold;width:9em; height:2.3em; border:0; background:#fff url(../images/btn_update.gif) 100% 100% no-repeat;
cursor:hand; cursor:pointer; padding:0.7em 15px 0.2em 0; color:#0979a4; text-align:left; font-size:1em; float:right;}
input.createalbum {/*width:100%;*/ float:right; width:90px; display:block; height:2.3em; border:0; background:#fff url(../images/bg_btn.jpg) 100% 100% no-repeat;
cursor:hand; cursor:pointer; padding:0.7em 19px 0.2em 0; color:#0979a4; text-align:right; font-size:1em; }
input.uploadbtn {width:100%; height:2.3em; border:0; background:#fff url(../images/bg_btn.jpg) 100% 100% no-repeat;
cursor:hand; cursor:pointer; padding:0.7em 19px 1em 0; color:#0979a4; text-align:right; font-size:1em; }
input.upload {margin-top:0.2em; font-size:9px;}
input.public { float:left;}
input.savechanges {font-weight:bold;width:9.3em;; height:2em; border:0; background:#fff url(../images/bg_btn.jpg) 100% 60% no-repeat;
cursor:hand; cursor:pointer; padding:0em 18px 0em 0; color:#0979a4; margin:0 0 0 1em; text-align:left; font-size:1em; float:right;}
input.signup {border:0;}
input.delete {width:5em; height:auto; border:0; background:#fff url(../images/bg_btn.jpg) 100% 50% no-repeat;
cursor:hand; cursor:pointer; padding:0.7em 19px 1em 0; color:#666; text-align:right; font-size:1em; }
/**********************************
POPUP styles
***********************************/
div#popup { position: absolute; display: none; width:177px; z-index:200; cursor:hand; cursor:pointer;}
div#popupTop {background:transparent url(../images/popup-top.png) 0 0 no-repeat; height:20px;}
div#popup h3 {color:#006699; font-size:1em; font-weight:bold: margin-top:0;}
div#popupBottom {background:transparent url(../images/popup-bottom.png) 0 100% no-repeat; min-height:180px; height:auto; }
div#popupBottom .pad {padding:0 9px 9px;}
div#popupBottom ul {margin:0.5em 0;}
div#popupBottom ul li {float:left; width:33%;}
div#popupBottom ul li a {color:#666; text-decoration:none;}
div#popupBottom ul li a:hover {color:#333; text-decoration:underline;}
div#popupTop { text-align:right;}
div#popupTop a {color:#666; margin-right:2em; padding:1em 0;}
/**********************************
end POPUP styles
***********************************/
/**********************************
selectable styles
***********************************/
span.dragme {width:105px;}div.dropme {width:400px; height:400px; border:1px solid #000;}
#random1, #random2 {float:left; }
li#holder, li#holder2 {width:350px; height:auto; border:1px dotted #999; background-image:none; text-align:center; vertical-align:middle; padding:3em 0; display:none;}
/**********************************
end selectable styles
***********************************/
/*************
no ajax styles
**************/
.smallPics_scrollDiv {height:200px; overflow-y:scroll; overflow-x:hidden;}
.midPics_scrollDiv {height:432px; overflow-y:scroll; overflow-x:hidden;}
.albums_scrollDiv {height:392px; overflow-y:scroll; overflow-x:hidden;}
.albumsLge_scrollDiv {height:500px; overflow-y:scroll; overflow-x:hidden;}
.ul_scrollDiv {height:570px; overflow-y:scroll; overflow-x:hidden;}
#wrapper.my_images.na #col1 {padding-right:1em;}
#wrapper.my_images.na #col2 {width:33.3em; padding-right:1em; }
#wrapper.my_images.na #col2 div.row3 {width:33.3em}
#wrapper.my_images.na #col3 {width:17.5em;}
#wrapper.my_images.na ul.smallPics li {width:7.5em;}
#wrapper.my_images.na div.row3 ul li, #wrapper.browse_images.na ul.scrollImgs li, #wrapper.edit_my_album.na div.row3 ul li {width:9.3em; padding-left:6px;}
.buttonwrap a{
color: #0879A3;
text-align:center;
font-size: 1.4em;
font-weight: bold;
padding-top: 10px;
}
.buttons a{
color: #0879A3;
text-align:center;
font-size: 1.4em;
font-weight: bold;
padding-top: 8px;
}
.buttonwrap a:hover, .buttons a:hover{
text-decoration: none;
}
.albumdescription{
padding-top: 10px;
padding-left: 5px;
}
.albumdescription h3{
color: #0879A3;
font-size: 1.3em;
margin-bottom: 3px;
}
.bluebuttonbg2{
background:#fff url(../images/bluebuttonbg2.png) 100% 100% no-repeat;
color: #ffffff;
width: 95px;
height: 21px;
font-size: 1.2em;
text-align:center;
}
.bluebuttonbg2 .text{
padding-top: 3px;
}
.bluebuttonbg2 a{
color: #ffffff;
padding-top: 10px;
}
.bluebuttonbg2 a:hover{
text-decoration: none;
}
.bluebuttonbg1{
background:url(../images/bluebuttonbg1.png) 100% 100% no-repeat;
color: #ffffff;
width: 117px;
height: 21px;
font-size: 1.2em;
text-align:center;
}
.bluebuttonbg1 .text{
padding-top: 3px;
}
.bluebuttonbg1 a{
color: #ffffff;
padding-top: 10px;
}
.bluebuttonbg1 a:hover{
text-decoration: none;
}
.bluebuttonbg3{
background: url(../images/bluebuttonbg3.png) 100% 100% no-repeat;
color: #ffffff;
width: 60px;
height: 21px;
font-size: 1.2em;
text-align:center;
}
.bluebuttonbg3 .text{
padding-top: 3px;
}
.bluebuttonbg3 a{
color: #ffffff;
padding-top: 10px;
}
.bluebuttonbg3 a:hover{
text-decoration: none;
}
.bluebuttonbg0{
background: url(../images/bluebuttonbg0.png) 100% 100% no-repeat;
color: #ffffff;
width: 165px;
height: 21px;
font-size: 1.2em;
text-align:center;
}
.bluebuttonbg0 .text{
padding-top: 3px;
}
.text a{
color: #FFFFFF !important;
text-decoration:none !important;
}
.text a:hover{
text-decoration:underline;
}
.bluebuttonbg0 a{
color: #ffffff;
padding-top: 10px;
}
.bluebuttonbg0 a:hover{
text-decoration: none;
}
.bluebuttonbg4{
background:url(../images/bluebuttonbg4.png) 100% 100% no-repeat;
color: #ffffff;
width: 57px;
height: 16px;
font-size: 1em;
text-align:center;
}
.bluebuttonbg4 .text{
padding-top: 0px;
#padding-top: 1px;
}
.bluebuttonbg4 a{
color: #ffffff;
padding-top: 10px;
}
.bluebuttonbg4 a:hover{
text-decoration: none;
}
.selectbox{
border:1px solid #999999;
color:#333333;
font-size:0.9em;
height:2em;
width:121px;
}
.searchbtn { position:absolute; top:9px; left:280px; border:0;}
.advancedSearch{
text-align: right;
margin: 3px 10px 20px 0px;
}
.hr{
clear: both;
line-height: 1px;
background-color: #CACACA;
width: 350px;
margin: 10px 0px;
}
.language_bar{
font-family:arial;
color:#0979A4;
display:block;
font-size:1em;
border: none;
background-color: #F5F5F5;
}
.btn .btnLeft {
background-attachment: scroll;
background-image: url(../images/btn_left.png);
background-repeat: no-repeat;
background-position: left center;
background-color: #FFFFFF;
height: 21px;
width: 10px;
float: left;
}
.btn .btnCenter {
background-attachment: scroll;
background-image: url(../images/btn_center.png);
background-repeat: repeat-x;
background-position: right center;
background-color: #FFFFFF;
height: 21px;
float: left;
}
.btn .btnCenter a{
display: block;
color:#FFFFFF;
font-size:1.2em;
margin-top:3px;
}
.btn .btnCenter a:hover{
text-decoration: none;
}
.btn .btnRight {
background-attachment: scroll;
background-image: url(../images/btn_right.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #FFFFFF;
height: 21px;
width: 10px;
float: left;
}
.btn2 .btnLeft {
background-attachment: scroll;
background-image: url(../images/btn2_left.png);
background-repeat: no-repeat;
background-position: left center;
background-color: #FFFFFF;
height: 16px;
width: 6px;
float: left;
}
.btn2 .btnCenter {
background-attachment: scroll;
background-image: url(../images/btn2_center.png);
background-repeat: repeat-x;
background-position: right center;
background-color: #FFFFFF;
height: 16px;
float: left;
}
.btn2 .btnCenter a{
display: block;
color:#FFFFFF;
margin-top:0px;
}
.btn2 .btnCenter a:hover{
text-decoration: none;
}
.btn2 .btnRight {
background-attachment: scroll;
background-image: url(../images/btn2_right.png);
background-repeat: no-repeat;
background-position: right center;
background-color: #FFFFFF;
height: 16px;
width: 6px;
float: left;
}
.searchbox .searchboxLeft {
background-attachment: scroll;
background-image: url(../images/searchbox_left.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #FFFFFF;
height: 39px;
width: 20px;
float: left;
}
.searchbox .searchboxCenter {
background-attachment: scroll;
background-image: url(../images/searchbox_center.gif);
background-repeat: repeat-x;
background-position: right center;
background-color: #FFFFFF;
height: 39px;
float: left;
}
.searchbox .searchboxCenter a{
display: block;
color:#FFFFFF;
margin-top:0px;
}
.searchbox .searchboxCenter a:hover{
text-decoration: none;
}
.searchbox .searchboxRight {
background-attachment: scroll;
background-image: url(../images/searchbox_right.gif);
background-repeat: no-repeat;
background-position: right center;
background-color: #FFFFFF;
height: 39px;
width: 20px;
float: left;
}