/* Gifup Copyrighted */

* {margin:0; padding:0;}
body {background:#03080C url(/img/bg.jpg) repeat-x top; 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.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:940px; margin:0 auto;}
#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:170px;}
#header .snow {position:absolute;}
#header .counter {position:absolute; font-size:11px; color:#ffffff; margin:15px 0px 0px 25px; z-index:200; }
#header .slogan h1 {position:absolute; font-size:20px; color:#ffffff; padding:130px 0px 0px 10px; letter-spacing:0px; z-index:200;}

#header .user {position:absolute; font-size:11px; color:#ffffff; margin:140px 0px 0px 380px; background:#4A96C8; width:500px; text-align:right; padding:3px; border:1px solid #133550; z-index:2500;} 
#header .user a {color:#000; text-decoration:underline; padding:0 2px 0 2px;}
#header .user a:hover { background:#C7DCDD;}

#header .logo {position:absolute; padding:40px 0px 0px 0; z-index:200;}
#header .logo a {outline:none;}
#header .userMenu {position:absolute; padding:180px 0px 0px 600px; color:#FFFFFF; font-size:12px;}

#topinfo {position:absolute; padding:10px 0px 0px 500px; width:380px; height:150px; color:#fff; z-index:200;}
#topinfo a {color:#fff;}

#register { width:159px; height:34px; font-size:1.6em; color:#fff; position:absolute; margin-left:570px; margin-top:60px; background:url(/img/register.gif) no-repeat; text-align:center; padding:6px 0 0 0; z-index:2500;}
#register a {color:#fff;}
#register a:hover {text-decoration:none;}

#login {width:109px; height:40px; font-size:1.6em; color:#fff; position:absolute; margin-left:740px; margin-top:60px; background:url(/img/login.gif) no-repeat; text-align:center; padding:5px 0 0 0; z-index:2500;}
#login a {color:#fff;}
#login a:hover {text-decoration:none;}


/* Content */
#content {background:#ffffff url(/img/content-bg.gif); width:880px; padding:0px 10px 0px 10px; text-align:justify;}

#content h2 {font-size:18px; color:#053F6C; margin-bottom:5px;}
#content h3 {font-size:12px; color:#000; 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:550px; padding:0 10px 0 0;}
#page .menu2 {padding:5px 0 10px 0; text-align:center;}

#info {float:right; width:300px; margin-right:10px;}
#info p {text-align:justify;}

/*Search fix*/
#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;}




/*### 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.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;}


/*Comments*/
#comments {color:#999999; margin-bottom:15px;}


/*Top menu*/
#top-menu {text-align:center; padding:0 0 0 0;}
#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 .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; background:url(/img/tabsbg.gif) no-repeat top;}
#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;}

/* Main Tabs */
#tabs { padding:0 0 10px 0;}
#tabs .unit {width:275px; height:30px; font-size:1.5em; text-align:center; padding:7px 0 0 0;}
#tabs .active {background:url(/img/tabbg.gif) no-repeat;}
#tabs a { color:#000; outline:none;}
#tabs a:hover { text-decoration:none;}

/* Rating */
#rating {padding:0 10px 0 10px;}
#rating h2 {text-align:center; font-weight:normal; margin-bottom:10px; height:1%;}
#rating .gif {width:250px; overflow:hidden; text-align:center; padding:0 0 15px 0;}
#rating .title {}
#rating .thumb img {border:1px solid #999; padding:3px; margin-bottom:5px;}
#rating .tools { margin-bottom:10px;}
#rating .name {background:url(/img/name.gif) no-repeat; padding:0 10px 0 15px;}
#rating .more {background:url(/img/more.gif) no-repeat; padding:0 10px 0 15px;}
#rating .zoom {background:url(/img/zoom.gif) no-repeat; padding:0 10px 0 15px;}
#rating .note {font-size:11px; text-align:center; margin-bottom:5px;}
#rating .comments { background:#eee; border:1px solid #ddd; text-align:left; padding:5px;}
#rating .comments ul li { font-size:11px; border-top:1px solid #ddd; padding:5px 0 5px 0;}
#rating .comments span { color:#8F8F8F;}
#rating .comments .alert { border-top:1px solid #999; padding:5px 0 0 0;}
#rating .comments .reply { border-top:1px solid #999; padding:5px 0 0 0; }
#rating .comments textarea {width:220px; height:50px; margin-bottom:5px;}
#rating .comments .nocomments {font-size:11px;}

#rating .skip {text-align:center; background:url(/img/skip.gif) no-repeat; width:157px; height:60px; padding:5px 0 0 0; font-size:2em; margin:0 auto;}
#rating .skip a {color:#fff;}
#rating .skip a:hover {text-decoration:none;}

/* Generators */
#gifgenerator {padding:0 10px 0 10px;}
#gifgenerator h2 {text-align:center; font-weight:normal; padding:0 0 10px 0; height:1%;}

#gens {list-style:none; margin-bottom:10px;}
#gens li {font-size:1.5em; display:inline; float:left;}
#gens li.cams {background:url(/img/camsleft.gif) no-repeat left top; vertical-align:middle;	display:block; /*opera*/ display:inline-block; /*ie*/	display:-moz-inline-box;  /*ff*/ margin-right:5px;}
#gens li.cams a {background:url(/img/camsright.gif) no-repeat right top; display:block; color:#fff;}
#gens li.cams span {background:url(/img/camsbg.gif) repeat-x; line-height:38px;	padding:0;	margin-left:21px; margin-right:21px; display:block;}

#gens li.upload {background:url(/img/uploadleft.gif) no-repeat left top; vertical-align:middle;	display:block; /*opera*/ display:inline-block; /*ie*/	display:-moz-inline-box;  /*ff*/ margin-right:5px;}
#gens li.upload a {background:url(/img/uploadright.gif) no-repeat right top; display:block; color:#fff;}
#gens li.upload span {background:url(/img/uploadbg.gif) repeat-x; line-height:38px;	padding:0;	margin-left:21px; margin-right:21px; display:block;}

#gens li.flickr {background:url(/img/flickrleft.gif) no-repeat left top; vertical-align:middle;	display:block; /*opera*/ display:inline-block; /*ie*/	display:-moz-inline-box;  /*ff*/ margin-right:5px;}
#gens li.flickr a {background:url(/img/flickrright.gif) no-repeat right top; display:block; color:#fff;}
#gens li.flickr span {background:url(/img/flickrbg.gif) repeat-x; line-height:38px;	padding:0;	margin-left:21px; margin-right:21px; display:block;}

#gens li.web {background:url(/img/webleft.gif) no-repeat left top; vertical-align:middle;	display:block; /*opera*/ display:inline-block; /*ie*/	display:-moz-inline-box;  /*ff*/ margin-right:5px;}
#gens li.web a {background:url(/img/webright.gif) no-repeat right top; display:block; color:#fff;}
#gens li.web span {background:url(/img/webbg.gif) repeat-x; line-height:38px;	padding:0;	margin-left:21px; margin-right:21px; display:block;}

#gifgenerator .instructions {background:#F5EEA4; padding:5px; border:1px solid #DBCE3B; font-size:11px; margin-bottom:10px;}
#gifgenerator .tool {}

/* Won lost */
#wonlost {background:#F0F4F6 url(/img/wonlostbg.gif) repeat-x; border:1px solid #3F86B2; padding:10px;}
#wonlost h2 { font-size:14px;}
#wonlost .rateintro {text-align:justify;}
#wonlost .gif {width:130px; text-align:center;}
#wonlost .title {font-size:1.2em; font-weight:bold; margin-bottom:5px;}
#wonlost .won {background:#A2E600; border:1px solid #fff;}
#wonlost .lost {background:#BF0000; border:1px solid #fff; color:#fff;}

#wonlost .rating {font-size:11px;}
#wonlost .thumb {}
#wonlost .name { font-size:11px;}

#wonlost .won {}


/*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;}

/* Misc */
.clr {clear:both;}
.fl {float:left;}
.fr {float:right;}

/* 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; }