/* Gifup Copyrighted */

* {margin:0; padding:0;}
body {background:#000000 url(/img/top-bg.gif) no-repeat 10px 0px; font: 75% Arial, Helvetica, sans-serif;}

h1,h2,h3,h4,h5,h6,form,fieldset {margin:0; padding:0;}

p { margin:0; padding-bottom:15px; }

a:link, a:active, a:visited {color:#1188DD; text-decoration:none;}
a:hover {text-decoration:underline;}

img {border:none}

.cleaner {clear:both;}

.button {cursor:pointer;}

.languages-v2 {position:absolute; margin-left:320px; z-index:1000; background:url(/img/lanbg.gif) repeat-x; padding:3px;}
.languages-v2 li {display:inline; margin-right:15px}
.languages-v2 li.english {background:url(/img/us-s.gif) no-repeat 0 2px; padding:0 0 0 20px;}
.languages-v2 li.spanish {background:url(/img/es.gif) no-repeat 0 2px; padding:0 0 0 20px;}
.languages-v2 li.ls {margin-right:0px;}
.languages-v2 li.chinese {background:url(/img/cn-s.gif) no-repeat 0 2px; padding:0 0 0 20px;}
.languages-v2 a {color:#FFFFFF; font-size:11px; font-weight:bold;}


/* input.browse {background:url(/img/browse.gif) no-repeat; width:62px; height:17px; border:none; cursor:pointer;}
input.upload {background:url(/img/upload.gif) no-repeat; width:62px; height:17px; border:none; cursor:pointer;}
input.search {background:url(/img/search.gif) no-repeat; width:62px; height:17px; border:none; cursor:pointer;}
.prev-edit {background:url(/img/preview-edit.gif) no-repeat; width:55px; height:17px; border:none; cursor:pointer; padding:0px; margin:0px;}
.prev-save {background:url(/img/preview-save.gif) no-repeat; width:55px; height:17px; border:none; cursor:pointer; padding:0px; margin:0px;}
*/
#preview-tools {padding:10px 0px 0px 0px;}

#wrappy {width:920px; margin-left:50px; float:left;}
#wrappy .top-round {background:url(/img/content-top-round.gif) no-repeat; width:900px; height:20px;}
#wrappy .bottom-round {background:url(/img/content-bottom-round.gif) no-repeat; width:900px; height:20px;}

/*Header*/
#header {background:url() no-repeat; width:940px; height:200px;}
#header .snow {position:absolute;}
#header .counter {position:absolute; font-size:11px; color:#ffffff; padding:60px 0px 0px 25px;}
#header .slogan h1 {position:absolute; font-size:20px; color:#ffffff; padding:79px 0px 0px 25px; letter-spacing:0px;}

#header .login {position:absolute; font-size:11px; color:#ffffff; padding:176px 0px 0px 530px;}
#header .login ul {margin:0; padding:0;}
#header .login ul li {list-style:none; display:inline; padding:0px 10px 0px 0px;}
#header .login input {width:80px; font-size:11px; color:#666666;}
#header input.button {background:url(/img/button.gif) no-repeat; width:58px; height:17px; color:#FFFFFF; border:none; cursor:pointer; }

#header .logo {position:absolute; padding:103px 0px 0px 25px; z-index:200;}
#header .remember {position:absolute; padding:178px 0px 0px 790px; color:#FFFFFF; font-size:11px;}
#header .userMenu {position:absolute; padding:180px 0px 0px 600px; color:#FFFFFF; font-size:12px;}
#header .register {position:absolute; padding:125px 0px 0px 322px; z-index:100;}

/* Content */
#content {background:#ffffff url(/img/content-bg.gif); width:880px; padding:0px 10px 0px 10px;}

#content h2 {font-size:18px; color:#FF8800; margin-bottom:5px;}
#content h3 {font-size:14px; color:#1188DD; margin-bottom:5px; border-bottom:1px solid #CCCCCC; padding:0 0 3px 0;}

#navigator {font-size:12px; /*border-top:1px solid #1087DC;*/ border-bottom:1px solid #1087DC; margin-bottom:10px; padding:5px 0px 5px 0px;}
.attention {font-size:11px; clear:both;}

#page {float:left; width:468px; margin-right:10px; border-right:1px dashed #cccccc; padding:0px 10px 0px 0px}
#page .menu2 {padding:0px 0px 10px 0px;}
#info {float:left; width:356px;}
#info p {text-align:justify;}
#info .spacer { padding:0 0 0 10px;}

/*Search fix and styles*/
#page-search {float:left; width:500px; margin-right:10px; border-right:2px dashed #cccccc; padding:0px 10px 0px 0px}
#info-search {float:left; width:310px;}

#search {background:#eee; border:1px solid #ddd; padding:5px; margin-bottom:10px;}

/*advertise*/
#advertise {}
#advertise img {margin-bottom:10px;}
#advertise span a {color:#fff; font-size:11px;}



/*### Avatar Gallery ###*/
#avatar {margin-bottom:15px;}
#avatar ol {margin:0px 25px 15px 0px; padding:0px; float:left;}
#avatar ol li {list-style:none; background:url(/img/listbullet.gif) no-repeat 0 3px; color:#333333; clear:both; padding:0px 0px 3px 14px; text-align:right;}
#avatar ol.list {}
#avatar ol.list .label {float:left; width:150px; text-align:left; display:inline-block; color:#000000; padding-right:5px;}
#avatar ol.list a {text-decoration:none;}
#avatar ol.list a:hover {color:#FF8800;}

#avatar #navigator {font-size:12px; /*border-top:1px solid #1087DC;*/ border-bottom:1px solid #1087DC; margin-bottom:10px; padding:3px 0px 3px 0px; color:#cccccc;}
#avatar #navigator a:link, #avatar #navigator a:active, #avatar #navigator a:visited {font-weight:bold;}
#avatar #navigator a:hover {color:#FF8800; text-decoration:none;}

#avatar #navigator .categories { padding:3px 0 0 0;}
#avatar #navigator .categories ul {margin:0 10px 0 0; padding:0; float:left;}
#avatar #navigator .categories ul li {list-style:none; color:#000000; font-size:11px;}
#avatar #navigator .categories a:link, #avatar #navigator .categories a:active, #avatar #navigator .categories a:visited {color:#000000; font-weight:normal;}
#avatar #navigator .categories a:hover {color:#FF8800;}


#avatar .avatar-unit {width:100px; float:left; margin-right:10px; margin-bottom:10px; border:1px solid #000;padding:1px; }
#avatar .avatar-unit .prew img { border:0;}
#avatar .avatar-unit ol {margin:0; padding:0;}
#avatar .avatar-unit ol li {list-style:none; background:none; padding:0px 0px 0px 0px; font-size:11px; text-align:left;}
#avatar .avatar-unit ol li.title {font-weight:bold; padding:3px 0 0 0;}
#avatar .avatar-unit ol li.title a {color:#000000; text-decoration:underline;}

#avatar .avatar-present {margin-bottom:15px;}
#avatar .avatar-present .prew-large {float:left;}
#avatar .avatar-present .prew-large img {border:1px solid #999999; padding:3px;}
#avatar .avatar-present ol li {text-align:left; padding:0 0 0 10px; background:none; width:250px; font-size:11px;}
#avatar .avatar-present ol li.title {font-weight:bold; font-size:14px; padding-bottom:5px;}
#avatar .avatar-present ol li.save {background:url(/img/computer.gif) no-repeat 10px 7px; padding:8px 0px 0px 30px}
#avatar .avatar-present ol li.url {background:url(/img/url.gif) no-repeat 10px 7px; padding:8px 0px 0px 30px}
#avatar .avatar-present ol li.twitter {background:url(/img/twittico.gif) no-repeat 10px 7px; padding:8px 0px 0px 30px}

#avatar .avatar-present ol li.bb {background:url(/img/bb.gif) no-repeat 10px 5px; padding:8px 0px 0px 30px}
#avatar .avatar-present ol li.html {background:url(/img/html.gif) no-repeat 10px 5px; padding:8px 0px 0px 30px}
#avatar .avatar-present .prew-large .button {border:0;}

/* ads position */
#ava {float:left; width:80px; margin-left:15px;}
#ava img {margin-bottom:11px; outline:none;}

h2.smaller {font-size:1.2em; padding:0 0 0 15px;}

/*Comments*/
#comments {color:#999999; margin-bottom:15px;}


/*Top menu*/
#top-menu {padding:0px 0px 5px 5px;}
#top-menu ul {margin:0; padding:0;}
#top-menu ul li {list-style:none; display:inline; padding:0px 15px 0px 0px;}
#top-menu a:link, #top-menu a:active, #top-menu a:visited {}


/*Save gif page styles*/
#save {margin-bottom:20px;}
#save .preview {text-align:center; margin-bottom:15px;}
#save .preview img {border:1px solid #CCCCCC; padding:3px;}
#save ul {margin:0; padding:0;}
#save ul li {list-style:none; margin:0px 0px 8px 0px}
#save ul li.mobile {background:url(/img/phone.gif) no-repeat; height:14px; padding:2px 0px 0px 20px}
#save ul li.save {background:url(/img/computer.gif) no-repeat; height:14px; padding:2px 0px 0px 20px}
#save ul li.html {background:url(/img/html.gif) no-repeat; padding:2px 0px 0px 20px}
#save ul li.bb {background:url(/img/bb.gif) no-repeat; padding:2px 0px 0px 20px}
#save ul li.url {background:url(/img/url.gif) no-repeat; padding:2px 0px 0px 20px}
#save ul li.twitter {background:url(/img/twittico.gif) no-repeat; padding:2px 0px 5px 25px}
#save ul li.mail {background:url(/img/email_link.png) no-repeat; padding:2px 0px 5px 25px}
#save ul li.facebook {background:url(/img/facebook.png) no-repeat; padding:2px 0px 5px 25px}
#save ul li.myspace {background:url(/img/myspace.gif) no-repeat; padding:2px 0px 5px 25px}

a.report {background:url(/img/alert_square_red.png) no-repeat; padding:2px 0px 5px 18px; text-decoration: underline}

#save .sourcebox {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #cccccc; color:#1188DD; width:280px; height:82px; overflow:hidden; padding:5px; background: url(/img/codeboxbg-x.gif) repeat-x;}
/*#save .sourcebox {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:0px; color:#1188DD; width:280px; height:82px; overflow:hidden; padding:10px; background: url(/img/codeboxbg.gif) no-repeat;}*/

/*Generator*/
#generator {margin-bottom:10px;}
#generator h3 {width:410px; height:25px; padding:15px 0px 0px 58px; font-size:14px; margin-bottom:5px; border:none;}
#generator h3 a:hover {text-decoration: none;}

#generator h3.upload {background:url(/img/title-upload.gif) no-repeat;}
#generator h3.upload a:link, #generator h3.upload a:active, #generator h3.upload a:visited {color:#000000;}

#generator h3.flickr {background:url(/img/title-flickr.gif) no-repeat; color:#ffffff;}
#generator h3.flickr a:link, #generator h3.flickr a:active, #generator h3.flickr a:visited {color:#FFFFFF;}

#generator h3.internet {background:url(/img/title-internet.gif) no-repeat; color:#446800; margin-bottom:5px;}
#generator h3.internet a:link, #generator h3.internet a:active, #generator h3.internet a:visited {color:#446800;}

#generator h3.webcam {background:url(/img/title-webcam.gif) no-repeat; color:#ffffff; margin-bottom:5px;}
#generator h3.webcam a:link, #generator h3.webcam a:active, #generator h3.webcam a:visited {color:#FFFFFF;}

.getnow {font-size:25px; color:#000000; text-align:left; font-weight:bold; padding:0px 10px 10px 40px; background:url(/img/arrow.gif) no-repeat 0px 5px; float:right;}
.getnow a:hover {text-decoration:none;}

/*Frames*/
#frames {padding:10px 0px 0px 0px;}
#frames .slide {float:left; background:url(/img/frame.gif) no-repeat; width:145px; height:94px; padding:18px 0px 0px 8px; margin-bottom:10px; }
#frames .slide .preview {width:100px; height:75px; float:left;}
#frames .slide .preview img {border:1px solid #FFFFFF;}
#frames .slide .tools {width:16px; float:left; padding:0px 0px 0px 12px;}
#frames .slide .tools /*.obj {padding:0px 0px 5px 0px;}*/
#frames .slide .tools ul {margin:0; padding:0;}
#frames .slide .tools ul li {list-style:none; padding:0px 0px 3px 0px;}
#frames p {margin-bottom:10px; font-size:11px;}

/*FORMS*/
#gform {width:100%;}
#gform p {padding:0;}
#gform ol {margin:0 auto; padding:0px 0px 0px 0px; margin-bottom:0px; width:100%;}
#gform ol.start {background:url(/img/forms-bg-start.gif) no-repeat;}
#gform ol.orange {background:url(/img/forms-bg-orange.gif) repeat-x top; padding:10px 0px 10px 0px;}
#gform .example { color:#666666; font-size:11px; font-weight:bold;}
#gform li {list-style: none; padding: 5px; margin: 0px; clear:both;}
#gform .label {float:left; width:150px; text-align:left; display:inline-block; color:#000000; font-weight:bold; padding-right:5px;}
#gform .note {font-size:11px; font-weight:normal;}
#gform strong {color:#FF0000; font-size:14px;}

#framesBlock p { padding: 15px 0; }

/*Footer*/
#footer {text-align:center; color:#FFFFFF; padding:15px; font-size:11px;}

/* overlay&modal */
#overlay {
	z-index:9998;
    background:#000;
	position:absolute;
	top:0;
	left:0;
	}
	#modal {
		z-index:9999;
		position:absolute;
		top:50px;
		left:50px;
		width:200px;
		padding:10px;
		background:#fff;
		text-align:center;
		}
		#modal ul {
			list-style:none;
			}

#loading {
    padding-top:25px;
    text-align:center;
    }
    #loading img {
        padding-bottom:15px;
        }

#preview {
	z-index:9999;
	position:absolute;
	width:400px;
	padding:15px;
	background:#fff;
	text-align:center;
	}
	
#flickrPages {
	margin-bottom:15px;
	font-size:14px;
	}
	#flickrPages a, #flickrPages a:link, #flickrPages a:active, #flickrPages a:visited {
		text-decoration:none;
		font-weight:bold;
		}

#flickrResult {
    padding:5px 0 0 5px;
	overflow:auto;
    }
    #flickrResult img {
        border:1px solid #aaa;
        padding:2px;
        margin:0 4px 6px 0;
        }
.flickrPhoto { float:left; }

.hidden { display:none; }