body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #ffffff; font-family: verdana; color: #333333; }
p {font-size: 14px;}
a:link, a:active, a:visited, a:hover { color: #0b578f; text-decoration: none; }
#container { width: 940px; height: 100%; margin: 0 auto 10px auto; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; border-left: 1px solid #dddddd;}
#container-1 { position: relative; width: 940px; height: 77px; margin: 10px auto 0 auto; }
#logo { float: left; width: 183px; height: 68px; margin: 0 30px 5px 0; background: url(../images/logo.jpg) no-repeat; }
#search { float: left; margin: 0; padding: 0; }
ul#navigation { list-style-type: none; margin: 0; padding: 0; }
ul#navigation li { display: inline; margin: 0 15px 0 0; padding: 0; }
ul#navigation li a:link, ul#navigation li a:active, ul#navigation li a:visited, ul#navigation li a:hover { font-size: 12px; font-weight: bold; text-decoration: none; }  

#create-signin { float: right; margin: 0 0 15px 0; font-size: 12px; text-align: right; }
#create-signin a:link, #create-signin a:active, #create-signin a:visited, #create-signin a:hover { font-size: 11px; }
.create a:link, .create a:active, .create a:visited, .create a:hover { font-weight: bold; }
#createbutton { }

/*------ Register and Login Section ------ */
#login_menu{background: url(../images/signupbg.png) no-repeat; width:340px;height: 120px; padding:5px;color:#000000;position:absolute;top: 26px;right: 0; font-weight:bold;font-size:12px;line-height:18px;}
#login_menu li{padding-bottom:6px;text-align:right;}
#new-user-col{padding-right:0;padding-left: 10px; padding-top: 5px;height:120px;width:100px;float:left;line-height:12px;}

#new-user-col a:link, #new-user-col a:visited, #new-user-col a:active, #new-user-col a:hover { text-decoration: none; color: #000000; }

#signup-user-col{padding-top: 5px;padding-left:10px;height:120px;width:200px;float:left;line-height:12px;text-align:right;}
#login_menu label{font-size:11px; font-weight:normal;}
#login_menu input{font-size:11px; color:#333333; margin-left:10px;}


#page-register h1{-x-system-font:none; font-family:verdana; font-size:14px;
	font-size-adjust:none;  font-stretch:normal;  font-style:normal; font-variant:normal; font-weight:bold;
	line-height:normal;  margin:0;} 
#register-form{ margin:10px 0 0 260px;width:340px;}
#register-form label {  color:#333333; float:left; font-family:verdana; font-size:14px;
	font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal;
	font-weight:bold; height:20px; line-height:normal;  padding:5px 0 0;  width:320px;
}  	

.button_v{
	background:#EDEDED;
	color:#000000;
	cursor:pointer;
	height:23px;
	background-color:#F7F7F7;
	border:1px solid #BDBDBD;
	font-size:11px;
	padding:0 3px 0;
	margin-bottom:5px;
}

#register-form input { 
    background-color:#F7F7F7; 
    border:1px solid #BDBDBD; 
    color:#AAAAAA; 
    font-size:12px;
    padding:2px 3px; 
    width:320px;
    height:18px;
    padding-top:5px\9;
}

#register-form .button {-moz-background-clip:border;  -moz-background-inline-policy:continuous; -moz-background-origin:padding;
	background:#EDEDED none repeat scroll 0 0; height:20px; margin-top:10px; width:80px;   color:#000; cursor: pointer;padding:0 0 5px 0;
}
.button_vid {-moz-background-clip:border;  -moz-background-inline-policy:continuous; -moz-background-origin:padding;
	background:#EDEDED none repeat scroll 0 0; height:20px; margin-left:200px; margin-top:10px; width:80px;   color:#000; cursor: pointer;
}	
#register-benefits {width: 400px; float: left;}
#register-benefits h1 { -x-system-font:none; font-family:verdana; font-size:14px;
	font-size-adjust:none;  font-stretch:normal;  font-style:normal; font-variant:normal; font-weight:bold;
	line-height:normal;  margin:0; }
	
#login_page h1 {-x-system-font:none; font-family:verdana; font-size:14px;
	font-size-adjust:none;  font-stretch:normal;  font-style:normal; font-variant:normal; font-weight:bold;
	line-height:normal;  margin:0;
}

.login_form label { color:#333333; float:left; font-family:verdana; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal;
	font-variant:normal; font-weight:bold; height:20px; line-height:normal; padding:5px 0 0; width:320px;
    }

.login_form input { background-color:#F7F7F7; border:1px solid #BDBDBD; color:#AAAAAA; font-size:11px; height:18px;
	margin:0; padding:1px 3px 0; width:178px;
}

.login_form .button {-moz-background-clip:border;  -moz-background-inline-policy:continuous; -moz-background-origin:padding;
	background:#EDEDED none repeat scroll 0 0; height:20px; margin-left:13px; margin-top:10px; width:80px;   color:#000; cursor: pointer;
}

#latest-gifs-title { margin: 0 auto 10px auto; text-align: center; }
#gif-gallery-title { margin: 45px auto 0 auto; text-align: center; }

#slider-container { width: 440px; margin: 0 auto; }
img.slider-thumb {  width: 80px; height: 80px; margin: 0 14px 0 14px; }
a img.slider-thumb { border: 1px solid;  }
a.slider-thumb-outline { outline: none; }
.thumb-container { float: left; margin:0px 30px 10px 0px !important; height: 180px;width:148px;}
.thumb-container-last { float: left; margin:0px 0 10px 0 !important; height: 180px;width:148px;}

.thumb-container-small { float: left; width:95px;;margin:0px 60px 10px 0px !important; overflow: hidden; height: 100px; overflow: hidden; }
.thumb-container-small-last { float: left; width:85px;margin:0px 0 10px 0 !important; overflow: hidden; }

p.slider-thumb { width: 80px; margin: 7px 14px 0 14px; text-align: center; }
#categories { width: 741px; margin: 20px auto 0 auto; text-align: center; }
ul.category-group { list-style-type: none; margin: 0 0 25px 0; padding: 0; }
ul.category-group li { display: inline; }
#footer { font-size: 10px; margin: 0 auto 20px auto; text-align: center; }
.slider-thumb a{text-decoration: underline;}
.clear { clear: both; }
.gallery_stats{margin:45px auto 0;text-align:center;}

/*------ Gallery Page ------ */
#gallery-container { width: 860px; margin: 0 auto 10px auto; }
img.gallery-thumb {  width: 150px; height: 113px;margin-bottom:5px; }
.gallery-thumb-small { margin:0; width: 80px; }
img.gallery-thumb-small { height:62px;width:82px;  } 

a img.gallery-thumb { border: 1px solid #0B578F;  }
a.gallery-thumb-outline { outline: none; }
p.gallery-thumb { width: 150px; margin:7px 0px 20px 0; text-align:left; overflow: hidden; }
.gallery-link a{ color: #333333; font-weight: bold !important; font-size: 11px; font-weight: none; text-decoration: none; }
.home-gifs-views { color:#AAAAAA; font-size:10px; margin-top:1px; }
#gallery-latest-gifs-title { width: 882px; margin: 0 auto 10px auto; }
#gallery-latest-gifs-title a:link, #gallery-latest-gifs-title a:visited, #gallery-latest-gifs-title a:active, #gallery-latest-gifs-title a:hover  { color: #0000cc; text-decoration: none; }
#gallery-latest-gifs-title-left { float: left; margin: 0 0 0 12px; }
#gallery-latest-gifs-title-right { float: right;  margin: 0 12px 0 0; }
#pagination { width: 500px; margin: 20px auto 0 auto; text-align: center; font-size: 11px; color: #666666; }
ul#pagination-list { list-style-type: none; margin: 0; padding: 0; }
ul#pagination-list li { position: relative; display: inline; margin: 2px; padding: 5px 7px 5px 7px; border: 1px solid #eeeeee; border-top: 1px solid #eeeeee; }
ul#pagination-list a { font-size: 11px; color: #999999; text-decoration: none; } 
li.prev { }
li.number { }
li.next { }

.upgrade_box{
	 border: 1px solid #f5e083;
	 background-color: #ffffe5;
	 padding:10px; 
}
.upgrade_box ul li{
	list-style-image: url(../images/arrow.png);
	font-size:11px;
	margin:10px;
}
.statistics{
	color:#333333;
	font-size:11px;
	font-weight:bold;
}

.add_to_fav {
	padding:13px 0 0 200px;
}
.add_to_fav a{
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
} 
.add_to_fav img{
	margin:0 5px -7px 0;
}

.video_form {font-size:12px;float:left;}

#header-line { width: 940px; height: 10px; margin: 0 auto; background: url(../images/header-line.gif) repeat-x; }

#container-2 { width: 860px; margin: 13px auto 0 auto; }
#share-download-box { float: left; width: 420px; height: 351px; margin: 0 60px 25px 0; /*background: url(../images/1share-download-box.gif) no-repeat;*/ }
form.share { width: 320px; margin: 0 0 10px 0; padding: 0; }
input.sharebox { width: 178px; height: 18px; margin: 0; padding:3px 3px 0; color: #aaaaaa; font-size: 11px; background-color: #f7f7f7; border: 1px solid #bdbdbd; }
.sharelabel { margin: 0 0 0 5px; padding: 0; font: bold 10px verdana; color: #333333; }
#share-title { width: 400px; margin: 15px 0 0 17px; font: bold 14px verdana; }
h1#share-title { width: 400px; margin: 15px 0 0 17px; font: bold 14px verdana; }
#share-line { width: 320px; height: 3px; margin: 5px 0 12px 17px; background: url(../images/share-line.gif) no-repeat; }
.share-input { width: 400px; margin: 0 0 0 17px; font: bold 10px verdana; color: #333333; }
#downloadgif { height: 12px; margin: 15px 0 0 17px; font: 11px verdana; color: #333333; }
#socialicons { height: 52px; margin: 15px 0 0 17px; }
img.socialbuttons { float: left; width: 38px; height: 52px; margin: 0 9px 0 0; }
#views-created { margin: 5px 0 0 17px; font: 11px verdana; color: #333333; }
#tags { margin: 15px 0 0 17px; font: bold 10px verdana; color: #333333; }

#main-gif { float: left; width: 320px; height: 240px; padding:8px 11px 11px 8px; border: 1px solid #cccccc; }
#main-gif a img{border:1px solid #0B578F;}
#videogallery { float: left; width: 340px; height: 19px; margin: 5px 0 0 0; padding: 3px 0 0 25px; background: url(../images/watchvideo.jpg) no-repeat; font: bold 10px verdana; color: #333333; }

#more-trending-gifs-title { float: left; width: 340px; margin: 5px 0 0 0; font: bold 10px verdana; color: #333333; }
#trending-bar { float: left; width: 340px; height: 3px; background: url(../images/trending-bar.jpg) no-repeat; margin: 5px 0 5px 0; padding: 0; }
#trending-gifs { float: left; width: 340px; margin: 0; padding: 0; }
img.trending-small { width: 54px; height: 34px; margin: 0 6px 0 0; padding: 0; border: 1px solid #cccccc; outline: none; }
img.trending-small-last { width: 54px; height: 34px; margin: 0 0 0 0; padding: 0; border: 1px solid #cccccc; }

#container-3 { width: 860px; margin: 0 auto;  }
#recently-created-gifs-title { margin: 20px 0 0 0; font: bold 14px verdana; }
#view-full-gallery { width: 860px; margin: 20px auto 0 auto; text-align: left; font: bold 10px verdana; }
#recent-line { width: 860px; height: 3px; margin: 5px 0 0 0; background: url(../images/recent-line.gif) no-repeat; }
.recent-gifs-row { width: 860px; margin: 10px auto 20px auto; font-size: 11px; color: #333333; }
.recent-gifs-thumb { width: 82px; height: 62px; }
.recent-gifs-title { font-weight: bold; }
.recent-gifs-size { font-size: 9px; color: #aaaaaa; margin-top: 1px; }
.recent-gifs-title a:link, .recent-gifs-title a:active, .recent-gifs-title a:visited, .recent-gifs-title a:hover { color:#333333; font-weight: bold; }
.recent-gifs-size a:link, .recent-gifs-size a:active, .recent-gifs-size a:visited, .recent-gifs-size a:hover { font-size: 9px; color: #aaaaaa; margin-top: 1px; }
.recent-gifs-views { font-size: 9px; color: #008002; margin-top: 1px; }
.recent-single-container { float: left; width: 85px; margin: 0 70px 0 0; }
.recent-single-container-last { float: left; width: 85px; margin: 0 0 0 0; }

#container-4 { width: 860px; margin: 0 auto 50px auto; font-size: 10px; color: #666666; }
.container-4-line { width: 860px; height: 1px; margin: 0 auto; background-color: #dddddd; }
ul.category-links { width: 100px; float: left; list-style-type: none; margin: 10px 90px 10px 0; padding: 0; }
ul.category-links-last { float: left; list-style-type: none; margin: 10px 0 0 0; padding: 0; }
li.category { margin: 5px 0 5px 0; padding: 0; }

#copyright { margin: 20px 0 0 0; text-align: center; }

form.s { margin: 0; padding: 0; }
#header-right { float: right; width: 200px; margin: 15px 0 0 0; padding: 0; text-align: right; }
.searchbutton { position: absolute; top: 18px; width: 63px; height: 25px; margin: 0 0 0 5px; padding: 0; border: none; background: url(../images/searchbutton.jpg) no-repeat; cursor: pointer; }
input.searchbox { width: 327px; height: 23px; margin: 18px 0 0 0; padding: 0px 0 0 0; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #eeeeee; color: #333333; font: bold 17px verdana; }
.nav { margin: 5px 0 20px 0; padding: 0; }
.clear { clear: both; }

/* Gallery */
#container-2 { width: 860px; margin: 13px auto 0 auto; }
#share-download-box-gallery { float: left; width: 150px; height: 100%; margin: 0 21px 0 0; font-size: 11px; font-weight: none; text-align:left;}
#share-title-gallery { width: 150px; margin: 15px 0 0 0; font: bold 14px verdana; text-align:left;}
#share-line-gallery { width: 150px; height: 3px; margin: 5px 0 12px 0; background: url(../images/category-line.gif) no-repeat; }
#share-download-box-gallery ul { margin: 0 0 10px 0; padding: 0; list-style-type: none; }
#share-download-box-gallery ul li { margin: 0 0 5px 0; padding: 0; }
#share-download-box-gallery ul li a { font-size: 11px; font-weight: none; }

#main-gif-gallery { float: left; width: 688px; height: 100%; margin: 15px 0 0; }
h1#main-gif-gallery-title { float: left;  margin: 0 0 0 0; font: bold 14px verdana; }
#main-gif-gallery-title { float: left;  margin: 0 0 0 0; font: bold 14px verdana; }
#main-gif-gallery-sort { float: right;  margin: 0; font: 11px verdana; }
#main-gif-gallery-line { width: 683px; height: 3px; margin: 5px 0 12px 0; background: url(../images/gallery-line.gif) no-repeat; }

.gallery-gifs-row { width: 683px; margin: 10px auto 20px auto; font-size: 11px; color: #333333; }
.gallery-single-container { float: left; width: 150px; margin: 0 27px 0 0; }
.gallery-single-container-last { float: left; width: 150px; margin: 0 0 0 0; }
.gallery-gifs-thumb { width: 150px; height: 113px; }
.gallery-gifs-title { font-size: 12px; font-weight: bold; margin-top: 5px; }
.gallery-gifs-title a:link, .gallery-gifs-title a:active, .gallery-gifs-title a:visited, .gallery-gifs-title a:hover { color: #333333; }
.gallery-gifs-size { font-size: 10px; color: #008002; margin-top: 1px; }
.gallery-gifs-size a:link, .gallery-gifs-size a:active, .gallery-gifs-size a:visited, .gallery-gifs-size a:hover { color: #008002;  }
.gallery-gifs-views { font-size: 10px; color: #aaaaaa; margin-top: 1px; }
/* End Gallery */

/* home page*/
#main-home { width: 860px; height: 100%; margin: 15px 0 0 0;}
#main-home-title { float: left;  margin: 0 0 0 0; font: bold 14px verdana; }
#main-home-sort { float: right;  margin: 0; font: 11px verdana; }
#main-home-line { width: 860px; height: 3px; margin: 5px 0 12px 0; background: url(../images/home-line.gif) no-repeat; }
.home-gifs-row { width: 860px; margin: 10px auto 20px auto; font-size: 11px; color: #333333;}
.home-single-container { float: left; width: 150px; margin: 0 27px 0 0; }
.home-single-container-last { float: left; width: 150px; margin: 0 0 0 0; }
.home-gifs-thumb { width: 150px; height: 113px; }
.home-gifs-title { font-size: 12px; font-weight: bold; margin-top: 5px; }
.home-gifs-title a:link, .home-gifs-title a:active, .home-gifs-title a:visited, .home-gifs-title a:hover { color: #333333; }
.home-gifs-views { font-size: 10px; color: #aaaaaa; margin-top: 1px; }
.home-gifs-size { font-size: 10px; color: #008002; margin-top: 1px; }
.home-gifs-size a:link, .home-gifs-size a:active, .home-gifs-size a:visited, .home-gifs-size a:hover { color: #008002; }

#createform { width: 860px; height: 39px; margin: 0; padding: 15px 0 0 0; }
form.creategif { position: relative; width: 571px; height: 39px; margin: 0 auto; padding: 0; background: url(../images/createbg.gif) no-repeat; }
input.createbox { position: absolute; top: 10px; left: 5px; width: 440px; margin: 0; padding: 0px 4px 0 3px; border: none; background: transparent;  color: #b2b2b2; font: bold 13px verdana; }
input.createformbutton { position: absolute; top: 5px; left: 455px; width: 110px; height: 29px; margin: 0; padding: 0; background: url(../images/createbutton.jpg) no-repeat; border: 0; cursor: pointer; }
#createintro { text-align: center; margin: 5px auto 35px auto; font-size: 10px; color: #aaaaaa; }
h1#home { text-align: center; margin: 5px auto 0 auto; font-size: 14px; color: #333333; }
/* end home */

/* pagination */
.pagination { color:#666666; font-size:11px; margin:40px auto 20px auto; text-align:center; }
a.navs { color:#0b578f; font-size:11px !important; text-decoration:none !important; }
.navs { border:1px solid #EEEEEE; display:inline; margin:2px; padding:5px 7px; position:relative; }
a.navs:hover { color:#000 !important;}
.selected{color:#000 !important; font-weight: bold;}
/* end pagination */


/* register page */
#register-home { width: 860px; height: 100%; margin: 15px 0 0 0;}
#register-title { float: left;  margin: 0 0 0 0; font: bold 14px verdana; }
#register-line { width: 860px; height: 3px; margin: 5px 0 20px 0; background: url(../images/home-line.gif) no-repeat; }
.register-row { width: 860px; margin: 10px auto 20px auto; font-size: 11px; color: #333333;}
#register-left { float: left; width: 430px; }
p#register-header { font-size: 13px; font-weight: bold; color: #333333; margin: 0; padding: 0; }
p#register-description { }
ul#register-benefits { list-style-type: square; }
ul#register-benefits li { margin: 0 0 10px 0; }
#register-right { float: right; width: 350px; height: 100%; }

form.register { height: 100%; }
input.register-input { float: right; width: 170px; height: 20px; padding: 0; margin:0 0 10px 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-left: 4px solid #cccccc; }
input.reg-button { width: 110px; height: 29px; padding: 0; background: url(../images/reg-button.jpg) no-repeat; border: 0; cursor: pointer; }
p.rreg { margin: 0 0 30px 0; font-weight: bold; }
/* end register page */


.error_t{
	font-size: 11px;
	color:#666;
}

label {
    color:#666666 !important;
    display:block !important;
    font-size:0.9em !important;
    font-weight:normal !important;
    margin:5px 0 !important;
}

.premium_header1{
    border-top :1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    height:50px;
    padding:0 0 0 10px;    
}
.premium_header{
    border-top :1px solid #ddd;
    border-right:1px solid #ddd;
    
    height:50px;
}

.premium_header_td_middle{
    border-top :1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    height:25px;  
}
.premium_header_td{
    border-top :1px solid #ddd;
    height:30px;  
}

.premium{
    font-size: 14px;
    margin-top:25px;
}
.premium .center{
    text-align: center;
}

.premium_type{
    text-align: center;
    display: block;
    background:none repeat scroll 0 0 #EDEDED;
    border:2px solid #BDBDBD;
    font-weight: bold;  
    height:20px;
    width:205px;
    padding-top:3px;
    color:#666;  
}
.register_box{
    display:block; 
    margin-bottom:5px;
    width:320px;
    text-align: center;
} 
.gif_info{
	display:block;
	height:15px;
	width:150px;
	overflow:hidden;   
}

#ue-feedback-tab{
    height:90px !important;
    padding:0 !important;
    position:fixed !important;
    top:45% !important;
    width:22px !important;
    z-index:100001 !important;
    text-indent:-9000px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:0;
    background-color:#37ccf6;
    width:22px !important;
    background-repeat:no-repeat !important;
    background-position:4px 50% !important;
    background-image:url(../images/ue_tab_white.png);
    right:0;

}
a#ue-feedback-tab:hover{
    background-color:#1da5c7 !important;
    width:23px !important;
    
}