@import "reset.css";

body	{background: #0e0e0e; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, sans-serif;}
h1		{line-height: 30px; background: transparent url(../img/contentHeader1bg.png) no-repeat 0 11px; color: #ffffff; font-size: 24px; font-family: Tahoma, Arial, sans-serif; padding: 0 0 18px 22px;}
input		{height: 16px; border: 1px solid #4c4c4c; background: #1c1c1c; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, sans-serif;}
select	{vertical-align: middle; font-size: 11px; font-family: Verdana, Arial, sans-serif;}
label		{cursor: pointer;}
.clear	{clear: both;}
.cyan	{color: #00f0ff;}
.gray	{color: #7f7f7f;}
.submit, .checkbox {cursor: pointer;}

#main							{width: 1040px; margin: 0 auto;}
#sectionHeader					{height: 100px; width: 440px; float: left; background: url(../img/logoSuperStockRegisteredTradeMark.png) 11px 14px no-repeat;}
#sectionHeader p					{margin: 36px 0 0 120px; font-size: 20px; font-family: Verdana, Arial, sans-serif; font-weight: bold; letter-spacing: 5px;}
#sectionMainMenu				{float: right; margin-top: 26px;}
#sectionMainMenu li				{float: left; text-align: center; margin: 0 10px 0 10px; line-height: normal;}
#sectionMainMenu a				{color: #ffffff; text-decoration: none;}
#sectionMainMenu a:hover			{color: #00deff;}
#sectionMainMenu img				{margin-bottom: 8px;}
#sectionLightSearcher			{float: left; width: 440px; height: 51px; background: url(../img/lightSearcherBg.png) no-repeat;}
#sectionLightSearcher .input		{position: relative; left: 150px; top: 6px; width: 180px; border: none; background: transparent;}
#sectionLightSearcher .submit	{position: relative; left: 165px; top: 8px; width: 89px; height: 24px; border: none; background: url(../img/buttonSearch.png) no-repeat;}
#sectionFastLogin				{font-size: 11px; font-family: Tahoma, Arial, sans-serif; text-align: right; float: left; width: 600px; height: 51px; background: url(../img/fastLoginBg.png) no-repeat;}
#sectionFastLogin form			{margin: 8px 20px 0 0;}
#sectionFastLogin input			{width: 155px; vertical-align: middle;}
#sectionFastLogin .submitLogin	{margin-left: 7px; width: 89px; height: 24px; border: none; background: transparent url(../img/buttonFastLogin.png) no-repeat; cursor: pointer;}
#sectionFastLogin .submitLogout	{margin-left: 15px; width: 89px; height: 24px; border: none; background: transparent url(../img/buttonFastLogout.png) no-repeat; cursor: pointer;}
#sectionFastLogin a				{font-weight: bold; text-decoration: none; color: #00deff;}
#sectionAlbumToolBar			{text-indent: 20px; width: 1040px; margin: 1px 0 1px 0; height: 24px; padding: 2px 0 2px 0; border: 1px solid #252525; background: url(../img/albumManagmentBg.png) repeat-x; clear: both;}
#sectionAlbumToolBar a			{text-decoration: none; color: #ffffff; cursor: pointer;}
#sectionAlbumToolBar a:hover		{color: #00deff;}
#sectionAlbumToolBar div			{float: left; vertical-align: middle; display: table-cell; line-height: 24px;}
#sectionAlbumToolBar ul			{float: right; height: 24px;}
#sectionAlbumToolBar li			{float: left; margin: 0 10px 0 10px; vertical-align: middle; display: table-cell; line-height: 24px;}
#sectionAlbumToolBar select		{width: 120px;}
#sectionAlbumToolBar input		{vertical-align: middle;}
#sectionFoobar					{width: 100%; text-align: right; margin: 20px 0 10px 0; font-size: 10px; font-family: Verdana, sans-serif; line-height: 13px;}
#sectionFoobar a					{color: #00f0ff; font-weight: bold; text-decoration: none;}
#sectionFoobar a:hover			{text-decoration: underline;}

#sectionAlbumToolBar .error		{padding-left: 15px; background: transparent url(../img/formErrorSign.png) top left no-repeat; color: #9a9a9a; font-size: 10px;}
#grid							{width: 100%; height: 36px; clear: both; background: url(../img/gridBg.png) no-repeat;}
#leftColumn						{width: 260px; min-height: 400px; height: 100%; overflow: auto; float: left;} /*tu sie pierdoli przy min-height*/
#sectionHeavySearcher			{clear: both; height: 260px; width: 258px; border: 1px solid #1b1b1b; font-family: Arial, Tahoma, sans-serif;}
#sectionHeavySearcher #firstBox				{width: 100%; height: 92px;}
#sectionHeavySearcher #firstBox .p1			{padding: 11px 0 0 18px; font-size: 15px;}
#sectionHeavySearcher #firstBox .p2			{padding: 14px 0 0 16px;}
#sectionHeavySearcher #firstBox .p3			{padding-top: 4px; text-align: center;}
#sectionHeavySearcher #firstBox .keywords	{width: 230px;}
#sectionHeavySearcher #secondBox				{line-height: 16px; width: 100%; height: 105px; background: #1b1b1b;}
#sectionHeavySearcher #secondBox li			{float: left; display: inline;}
#sectionHeavySearcher #secondBox p			{padding: 6px 0 0 10px; font-size: 11px; color: #7f7f7f;}
#sectionHeavySearcher #secondBox p.head		{margin-top: 2px; color: #ffffff;}
#sectionHeavySearcher #secondBox img			{margin: 0 1px 0 1px; padding: 0; vertical-align: middle; border: none; height: auto;}
#sectionHeavySearcher #secondBox input			{display: none;}
#sectionHeavySearcher #thirdBox				{width: 100%; height: 43px;}
#sectionHeavySearcher #thirdBox .submit		{margin: 16px 0 0 155px; width: 89px; height: 24px; border: none; background: url(../img/buttonSearch.png) no-repeat;}

#photoList					{width: 736px; clear: both; font-size: 10px; height: 100%; overflow: hidden; border: 1px solid #242424; padding: 14px;}
#photoList li					{width: 178px; margin: 4px 2px 4px 2px; height: 270px; overflow: hidden; float: left; text-align: center; border: 1px solid #1b1b1b; display: table-cell;}
#photoList li div.thumb		{margin: 0 auto; width: 178px; height: 168px; display: table-cell; vertical-align: bottom;}
#photoList li img.thumb		{margin-top: 6px; padding: 2px; border: 2px solid #353535;}
#photoList li .clc			{font-size: 12px; margin-top: 6px;}
#photoList li .clc a			{color: #ffffff; text-decoration: none;}
#photoList li .clc a:hover		{text-decoration: underline;}
#photoList li div.addMsgSuccess{display: none; color: #00deff;}
#photoList li img.addPhoto, img.deletePhoto, img.addMsgSuccess, img.loading, img.licence {vertical-align: middle; margin-right: 6px; border: none;}
#photoList li img.addPhoto, img.deletePhoto, img.licence {cursor: pointer;}
#photoList li .caption		{margin: 6px 3px 0 3px; font-size: 10px; line-height: 12px; color: #a4a4a4;}

#searcher					{}
#searcherResults			{}
#searcherFoundString		{margin: 10px 0 10px 0; width: 100%; text-align: right; font-size: 14px; font-family: Tahoma, Arial, sans-serif;}
#searcherPager				{clear: both; margin: 10px 0 10px 0; height: 20px; color: #00f0ff;}
#searcherPager li.pagination	{float: left; width: auto; text-align: left; font-size: 11px; font-family: Verdana, Arial, sans-serif;}
#searcherPager li.pagination form	{display: inline;}
#searcherPager li.pagination button	{cursor: pointer; font-size: 11px; border: none; background: transparent; color: #00f0ff; margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif;}
#searcherPager li.formPage	{float: right; width: 200px; text-align: right;}

#sectionContent			{margin-left: 14px; width: 766px; min-height: 400px; height: 100%; overflow: hidden; float: left;}
.content				{width: 764px; height: 100%; border: 1px solid #242424; font-family: Tahoma, Arial, sans-serif;}
.content .inner			{margin: 5px; width: 680px; padding: 25px 24px 22px 46px; border: 1px solid #1b1b1b;}
.content h1				{margin-left: -22px;}
.content p				{height: 100%; overflow: auto; font-size: 11px; padding: 12px 0 12px 0; font-family: Tahoma, Arial, sans-serif; color: #b6b6b6; line-height: 18px;}
.content p a				{font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Tahoma, Arial, sans-serif; color: #ffffff;}
.content hr				{border: none; border-top: #373737 1px solid; width: 100%; height: 1px; margin-top: 16px;}
.content h2				{margin: 16px 0 12px 0; font-size: 18px; font-family: Tahoma, Arial, sans-serif; color: #ffffff;}
.content img				{float: left; clear: both; margin: 5px 10px 10px 0;}
.content img.banner		{float: none; clear: both; margin: 0 10px 10px 0;}
.content ul				{line-height: 18px; margin: 0 0 0 10px;}
.content ul li				{background: transparent url(../img/contentListMarker.png) no-repeat 0 7px; padding: 0 0 0 10px; font-size: 11px; font-family: Tahoma, Arial, sans-serif; color: #b6b6b6;}
.content ul li a			{font-size: 11px; font-weight: bold; text-decoration: underline; font-family: Tahoma, Arial, sans-serif; color: #00f0ff; cursor: pointer;}
.content ul.doubleList	{clear: both; line-height: 18px; margin: 0 0 0 10px; width: 100%;}
.content ul.doubleList li	{float: left; width: 160px; background: transparent url(../img/contentListMarker.png) no-repeat 0 7px; padding: 0 0 0 10px; font-size: 11px; font-family: Tahoma, Arial, sans-serif; color: #b6b6b6;}

.msgBox					{margin: 24px 0 0 0; height: 66px;}
.msgBox .msg				{line-height: 66px; background: #1b1b1b url(../img/msgSign.png) no-repeat 40px 13px; color: #7c7c7c; font-size: 11px; width: 609px; padding-left: 70px; vertical-align: middle; display: table-cell;}

.formBox table			{clear: both; margin-top: 12px; table-layout: fixed; border-collapse: collapse;}
.formBox td				{border: 0 solid green; vertical-align: top; text-align: right;}
.formBox .c1				{padding: 19px 0 0 0; width: 60px; font-size: 11px;}
.formBox .c2				{width: 210px; padding: 16px 0 0 10px; font-size: 9px; color: #9a9a9a;}
.formBox .c3				{width: 364px; padding: 16px 20px 0 15px;}
.formBox .c3	div			{background: #1b1b1b; padding: 5px 10px 6px 10px; width: 100%; font-style: italic; font-size: 10px; font-family: Verdana, Arial, sans-serif; color: #9a9a9a;}
.formBox .error			{width: 100%; margin-top: 6px; padding-top: 1px; text-align: left; height: 12px; background: transparent url(../img/formErrorSign.png) top left no-repeat; text-indent: 18px; color: #9a9a9a; font-size: 10px;}
.formBox input			{width: 206px; font-size: 11px; font-family: Tahoma, Arial, sans-serif;}
.formBox .submit			{width: 89px; height: 24px; margin-top: 16px; border: none; background: transparent url(../img/buttonSend.png) no-repeat; float: right;}

.header	{margin: 7px; width: 680px; padding: 25px 24px 22px 46px;}

#login					{}
#login .submit			{background: transparent url(../img/buttonFastLogin.png) no-repeat;}

#register				{}

#profile				{}
#profile .submit			{background: transparent url(../img/buttonSave.png) no-repeat;}

#albumManagment						{}
#albumManagment	h1					{margin-left: -22px;}
#albumManagment	ul.buttons			{margin: 0px; padding: 0;}
#albumManagment	ul.buttons li			{float: left; padding: 0 30px 0 0;}
#albumManagment	#deletePhotosButton	{width: 167px; height: 24px; border: none; background: transparent url(../img/deletePhotosButton.png) no-repeat; cursor: pointer;}
#albumManagment	#refreshAlbumButton	{width: 89px; height: 24px; border: none; background: transparent url(../img/refreshAlbumButton.png) no-repeat; cursor: pointer;}
#albumManagment	#removeAlbumButton	{width: 103px; height: 24px; border: none; background: transparent url(../img/buttonRemoveAlbum.png) no-repeat; cursor: pointer;}
#albumManagment	#makeAlbumButton	{margin-left: 6px; width: 115px; height: 24px; border: none; background: transparent url(../img/buttonMakeAlbum.png) no-repeat; cursor: pointer;}
#albumManagment	#renameAlbumButton	{margin-left: 6px; width: 112px; height: 24px; border: none; background: transparent url(../img/buttonRename.png) no-repeat; cursor: pointer;}

#e404					{background: transparent url(../img/e404Bg.png) no-repeat 1px 1px; margin: 5px; width: 752px; height: 388px; border: 1px solid #1b1b1b;}
#eInternal				{color: #02c9d7; background: transparent url(../img/eInternalBg.png) no-repeat; margin: 0 auto; width: 754px; height: 388px; text-align: center; font-family: Tahoma, Arial, sans-serif; font-size: 10px; padding-top: 305px; line-height: 14px;}

#photoDetails 								{}
#photoDetails img							{margin: 0 0 45px 0; clear: both; float: none;}
#photoDetails h1 							{padding: 0 0 26px 22px;}
#photoDetails .dataColumn					{padding: 0 70px 0 30px; width: 350px; float: left; clear: left;}
#photoDetails .dataColumn p					{height: 100%; overflow: auto; font-size: 13px; padding: 0; font-family: Tahoma, Arial, sans-serif; color: #ffffff; line-height: 18px;}
#photoDetails .addButtonArea					{height: 30px; font-size: 13px; line-height: 16px; margin: -10px 0 15px 0; font-family: Verdana, Arial, sans-serif; color: #7f7f7f;}
#photoDetails .addButtonArea	a				{text-decoration: none; color: #00f0ff;}
#photoDetails .addPhoto						{width: 142px; height: 24px; border: none; background: transparent url(../img/buttonAddToAlbum.png) no-repeat; cursor: pointer;}
#photoDetails #photoDetailsSearchForm		{padding: 11px 25px 11px 25px; float: left; clear: right; width: 170px; background: #1B1B1B; font-family: Tahoma, Arial, sans-serif;}
#photoDetails #photoDetailsSearchForm p		{margin-bottom: 15px; color: #707070; font-size: 16px; font-weight: bold; padding: 0; line-height: 20px;}
#photoDetails #photoDetailsSearchForm ul		{margin: 12px 0 15px 0; padding: 0;}
#photoDetails #photoDetailsSearchForm li		{background: none; margin: 0; padding: 3px 0 0 0; color: #5d5d5d; font-size: 11px;}
#photoDetails #photoDetailsSearchForm li img	{width: 18px; height: 18px; margin: 0; padding: 0; vertical-align: middle; margin-right: 20px; border: none;}
#photoDetails #photoDetailsSearchForm .submit{width: 89px; height: 24px; border: none; background: url(../img/buttonSearch.png) no-repeat;}

#contact				{}
#contact textarea			{width: 206px; height: 100px; border: 1px solid #4c4c4c; background: #1c1c1c; color: #ffffff; font-size: 11px; font-family: Tahoma, Arial, sans-serif;}

#slideshow				{width: 680px; height: 342px; margin: 0 auto;}
#slideshow img			{margin: 0; padding: 0;}