@CHARSET "UTF-8";
/* CSS Document */
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com 
   Addition by Christian Montoya - www.christianmontoya.net */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 2.5em;
}

/* Miscellaneous conveniences: */
form label {
    cursor: pointer;
}
form.bold label {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5em;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
}


/****************************************/

.clearBoth{
	clear: both;
}

body{
	background-image: url("/images/background_gradient.gif");
	background-repeat: repeat-x;
	background-color: #666;
	padding: 0px;
	margin: 0px;
	
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Geneva, "DejaVu Sans Condensed", sans-serif;
}

div.signin{	position: absolute;	top: 0px; left: 390px; text-align: right; font-size: 11px; font-weight: bold; padding: 10px; width: 550px; color: #990000;  }
div.signin a{ color: #999999; text-decoration: underline;}
div.signin a:hover{	text-decoration: none;}

div.footer{	width: 950px; margin: 5px auto;	font-size: 11px; padding-left: 10px; }
div.footer a{ color: #000; text-decoration: none;}
div.footer a:hover{ text-decoration: underline;}


div.Contents,div.ContentsIndex{ width: 960px; margin: 0 auto; position: relative; font-size: 12px;}
div.Contents div.C,div.ContentsIndex div.C{	background-color: #ffffff; }
div.ContentsIndex div.T{ display: none;}
/*div.ContentsIndex div.T{ background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat;	background-position: 0px 0px; height: 5px;}*/
div.ContentsIndex div.B{ background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat;	background-position: 0px -5px; height: 5px;}
div.Contents div.T{	background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat; background-position: 0px -56px; height: 90px; background-color: #ffffff;}
div.Contents div.B{	background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat; background-position: 0px -15px; height: 5px;}


/* signin and signup forms */

form a{	color: #666; text-decoration: underline;}
form a:HOVER{ text-decoration: none;}
form div.item{ clear: left;	font-size: 12px; padding-bottom: 25px; color: #666; }
form div.item label{ display: block; float: left; width: 200px; font-weight: bold; text-align: right; padding: 9px 20px; }
form div.item label.url{ padding: 9px 5px; width: 230px;}
form div.item div.url2{ float: left; width: 100px; font-weight: bold; text-align: left; padding: 9px 5px;}
form div.item input, form div.item textarea{ display: block; float: left; height: 22px; border: 1px solid #000; padding: 8px 0 0 10px;}
form div.item select{ display: block; float: left; height: 30px; border: 1px solid #000; padding: 8px 0 0 10px;}
form div.item input.std{ width: 220px; font-weight: bold; }
form div.item textarea.std{ width: 220px; height:100px; font-weight: bold; }
form div.item input.err{background-color: #fc8989;}
form div.item div.text{	clear: both; color: #000000; margin-left: 240px; padding-top: 5px; width: 300px;}
form div.item div.text2{ clear: both; color: #000000; margin-left: 50px; padding-top: 10px;	width: 500px;}
form div.item div.text2 input{ height: auto;}
form div.item div.available{ clear: both; background-color: #41a62a; color: #ffffff; margin-left: 240px; width: 146px; font-weight: bold; text-align: center;}
form div.item div.notavailable{ clear: both; background-color: #e2001a;	color: #ffffff;	margin-left: 240px;	width: 146px; font-weight: bold; text-align: center; }
form div.item div.agree{ clear: both; color: #000000; margin-left: 240px; padding-top: 10px; width: 300px;}
form div.item div.agree input{ display: inline;	float: none; height: auto; border: 0px; }
form div.errorFloat{ background-color: #990000;	color: #ffffff;	font-size: 12px; font-weight: bold;	padding: 2px; }

div.CenterBox,
div.CenterBoxErr{ position: relative; width: 940px; background-image: url("/images/signup_gradient.gif"); background-repeat: repeat-x; background-color: #c8d7dc; margin: 0 auto;}
div.CenterBox div.T{ background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat; background-position: 0px -165px; background-color: transparent;	height: 5px;}
div.CenterBoxErr div.T,div.CenterBox div.error,div.CenterBoxErr div.newUser{ display: none; }
div.CenterBoxErr div.error{	padding: 15px;	background-image: url("/images/signin_error_bg2.gif"); background-repeat: no-repeat; height: 30px; color: #fff;	font-size: 18px; font-weight: bold;	text-align: center;}
div.CenterBox div.C,div.CenterBoxErr div.C { background-color: transparent;	padding: 0px;}
div.CenterBox div.B,div.CenterBoxErr div.B { background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat;	background-position: 0px -170px; height: 5px;}

div.CenterBox2,div.CenterBox2Err{ position: relative; width: 940px; background-color: #f2f5f6; margin: 0 auto;}
div.CenterBox2 div.T{ background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat; background-position: 0px -165px; background-color: transparent;	height: 5px;}
div.CenterBox2Err div.T,div.CenterBox2 div.error,div.CenterBox2Err div.newUser{ display: none; }
div.CenterBox2Err div.error{ padding: 15px;	background-image: url("/images/signin_error_bg2.gif"); background-repeat: no-repeat; height: 30px; color: #fff;	font-size: 18px; font-weight: bold;	text-align: center;}
div.CenterBox2 div.C,div.CenterBox2Err div.C { background-color: transparent;	padding: 0px;}
div.CenterBox2 div.B,div.CenterBox2Err div.B { background-image: url("/images/rounded_sprite.gif"); background-repeat: no-repeat;	background-position: 0px -170px; height: 5px;}



.myPictureNavigation { width: 500px; margin: 15px auto; font-weight: bold; text-align: center;}
.myPictureNavigation a{ text-decoration: none; color: #666666; }
.myPictureNavigation a:hover{ text-decoration: underline;}
.myPictureNavigation a.prev{ display: block; background-image: url("/images/en/my_pictures_sprite.gif"); background-position: 0 0; width: 46px;	height: 16px; text-indent: -9999px;	outline: none;}
.myPictureNavigation a.next{ display: block; background-image: url("/images/en/my_pictures_sprite.gif"); background-position: -50px 0px; width: 46px; height: 16px; text-indent: -9999px; outline: none;}
.myPictureNavigation table.links td{ padding: 0 10px 0 10px; }

div.picList{ margin: 0 auto; width: 810px; }
div.picList div.picItem{ float: left; width: 142px; height:220px; margin: 10px; }
div.picList div.picItem .rating,div.picList div.picItem .views,div.picList div.picItem .comments{ padding: 3px 0;}
div.picList div.picItem .comments a{ color: #999999; text-decoration: underline;}
div.picList div.picItem .comments a:hover{ text-decoration: none;}
div.picList div.picItem .rating .star1{ background-image: url("/images/en/my_pictures_sprite.gif"); background-position: 1px -20px; }
div.picList div.picItem .rating .star2{ background-image: url("/images/en/my_pictures_sprite.gif");	background-position: -19px -20px;}
div.noResults{ font-weight: bold; text-align: center; padding: 20px;}
	
div.picDetailLeft{ float: left;	width: 240px; margin: 15px 0 0 70px; font-size: 14px;}
div.picDetailRight{	float: left; width: 550px;	margin: 15px 0 0 0; }

div.picDetailLeft .rating{ margin: 10px 0; font-weight: bold;}
div.picDetailLeft .rating .star1{ background-image: url("/images/en/my_pictures_sprite.gif"); background-position: 1px -20px;  }
div.picDetailLeft .rating .star2{ background-image: url("/images/en/my_pictures_sprite.gif"); background-position: -19px -20px;}
div.picDetailLeft .rating .star3{ background-image: url("/images/en/my_pictures_sprite.gif"); background-position: -39px -20px;}

div.picDetailLeft .uploaded{ font-size: 10px;}
div.picDetailLeft a.howToRatePicture{ font-size: 10px; font-weight: normal; color: #666666; text-decoration: underline;}
div.picDetailLeft a.howToRatePicture:hover{ text-decoration: none; }
div.picDetailLeft .deletePicture { margin: 10px 0;}
div.picDetailLeft .deletePicture a{ display: block; background-image: url("/images/en/delete_picture.gif");	width: 220px; height: 41px; text-indent: -9999px; outline: none; }

div.picDetailLeft .deleteWarning{ color: #880000; font-size: 12px; width: 220px;}

div.picDetailRight h3{ font-weight: bold; font-size: 14px; }
div.picDetailRight .mobileLink{ margin: 5px 0 5px 0; }
div.picDetailRight .mobileLink a.url{ font-size: 18px; color: #666666;	text-decoration: none; }
div.picDetailRight .mobileLink a.url:hover{ text-decoration: underline; }
div.picDetailRight .howToDownloadPicture{ margin: 5px 0 5px 0; }
div.picDetailRight .howToDownloadPicture a{ font-size: 12px; font-weight:bold; color: #666666; text-decoration: underline; }
div.picDetailRight .howToDownloadPicture a:hover{ text-decoration: none; }
div.picDetailRight .addthis{ margin: 5px 0 15px 0; }

div.picDetailRight .mobileLink a.help img{ outline:none; background-image: url("/images/en/my_pictures_sprite2.gif"); background-position: -59px -40px; border: none; }

div.picDetailRight .tags{ margin: 0 0 10px 0; line-height: 1.8em; font-size: 14px;}
div.picDetailRight .tags a.deleteTag img{ background-image: url("/images/en/my_pictures_sprite.gif"); background-position: -60px -20px;	border: none; }

div.picDetailRight .tags .addTag{ float: left; margin-top: 5px; width: 75px;}
div.picDetailRight .tags .addTag a{ display: block;	outline:none; background-image: url("/images/en/my_pictures_sprite2.gif");	background-position: -120px -40px; height: 21px; width: 63px; text-indent: -9999px;}
div.picDetailRight .tags .saveTag{ float: left;  margin-top: 5px;}
div.picDetailRight .tags .saveTag input { float: left; border: 1px solid #000000; width: 100px; }
div.picDetailRight .tags .saveTag a{ display: block; float: left; outline:none; margin-left: 10px; margin-top: 0px; background-image: url("/images/en/my_pictures_sprite2.gif"); background-position: 0px -40px; width: 42px; height: 21px; text-indent: -9999px;}

div.picDetailRight .comments { clear: right; margin-top: 10px;}

div.rounded2Comment{ width: 540px; margin-top: 5px;}
div.rounded2Comment div.T{ background-image: url("/images/en/my_pictures_sprite2.gif"); background-position: 0px -70px; height: 3px;}
div.rounded2Comment div.B{ background-image: url("/images/en/my_pictures_sprite2.gif");	background-position: 0px -73px;	height: 3px;}
div.rounded2Comment div.C{ background-color: #c6d1d5; padding: 5px; }
div.rounded2Comment div.C .delete a{ display: block; float:right; background-image: url("/images/en/my_pictures_sprite.gif"); background-position: -60px -18px;	height: 12px; width: 50px; padding-left: 14px; color: #666666; font-weight: bold;}
div.rounded2Comment div.C .delete a:hover{ text-decoration: none;}
div.rounded2Comment div.C .user{color: #666666; font-weight: bold; text-decoration: underline;}
div.rounded2Comment div.C .message{ margin: .5em 0; line-height: 1.5em;}
div.rounded2Comment div.C .date{color: #666666; font-size: 10px;}