/* KOMUNIKAT O DODANIU OPINI */
.ouInfoBox {text-align: center; padding:15px; margin-bottom:10px ; line-height: 16px; color: #333333; background:url(../gfx_4O/blboxgraygradientbg.gif)  repeat-x left top}
.ouInfoBoxTitle {color:#999; font-size:20px; margin:20px 0px}
.ouInfoBoxLink {padding-top:10px}
.ouInfoBoxLink a {padding:0px 5px; font-weight:bold}



/*CZYM SA OPINIE I WYBIERAKI*/
.ouSlcBox {width:900px; height:210px; padding:20px; margin-bottom:20px; background:url(../gfx_4O/testy/ou_selectbox_bkgr.png) top left no-repeat}
.ouSlcBoxAbout h5, .ouSlcBoxCar h5, .ouSlcBoxSize h5  {margin:0 0 15px 0; padding:0; font:normal 16px/16px Arial, Verdana, Tahoma, Helvetica, sans-serif; color:#667e95;}
.ouSlcBoxAbout {float:left; width:290px; margin-right:30px;}
.ouSlcBoxAboutTxt {font:normal 11px/14px Tahoma, Helvetica, Arial sans-serif; color:#333; float:left; width:210px}
.ouSlcBoxAboutImg {float:left; padding-right:10px; width:64px}
.ouSlcBoxAbout ul {clear:left; list-style-type: square; margin:20px; font-weight:700; font-style: italic;}
.ouSlcBoxCar {float:left; width:310px; margin-right:30px;}
.ouSlcBoxCar label, .ouSlcBoxSize label {color:#333; display:block;}
.ouSlcBoxCar select, .ouSlcBoxSize select {margin:3px 10px 3px 0; float:left;}
.ouSlcBoxSize {float:left; width:240px;}
.ouSlcBoxSize ul {margin:10px 10px 10px 0;}
.ouSlcBoxSize ul li {display:inline; padding:0 10px 5px 0;}
.ouSlcBoxPopSizeTitle {font-weight:bold; margin:10px 0px 0px 0px}
.ouSlcBoxBut {margin:5px 0px 0px 0px }

.ouCol300 {width:300px; float:left}
.ouCol625 {width:625px; float:right}

.ouBrandBox {margin:0px 0px 15px 0px;}
.ouBrandBoxHd {height:27px; padding:13px 10px 00px 20px; background:url(../gfx_4O/testy/ouBrandBoxHd4O.png) top left repeat-x;}
.ouBrandBoxHd h3 {font-size: 17px; line-height: 17px; font-weight: normal; display: inline; color:#000}
.ouBrandBoxHdLink {float:right}
.ouBrandBoxCnt {padding:5px 10px 10px 10px; background:url(../gfx_4O/testy/ouBrandbg4O.png) bottom}
.ouBrandBoxCntL {float:left}
.ouBrandBoxCntL, .ouBrandBoxCntR {font-size:11px}
.ouBrandBoxCntR {float:left; margin-left:20px}

.ouBrandBoxCnt ul {margin:0; padding:0; list-style:none; line-height: 18px;}
.ouBrandBoxCnt  li { margin:0; padding:0 0 0 12px; color:#000;background:url(../gfx_4O/vertlistbullet1.gif) 0.1em 0.5em no-repeat;}
.ouBrandBoxCnt  li a {font-size:12px}

.ouSezonBox {margin:0px 0px 15px 0px; padding:1px; border:1px solid #b2daf2 }
.ouSezonBoxHd {padding:12px 10px 20px 10px; background:url(../gfx_4O/box1hd2.gif) top left repeat-x;}
.ouSezonBoxHd h3 {font-size: 17px; line-height: 17px; font-weight: normal; display: inline; color:#333}
.ouSezonBoxHdLink {float:right}
.ouSezonBoxCnt {padding:5px 10px 10px 10px}
.ouSezonBoxCnt ul {margin:0; padding:0; list-style:none; line-height: 18px;} 
.ouSezonBoxCnt  li { margin:0; padding:0 0 0 12px; color:#000;background:url(../gfx_4O/vertlistbullet1.gif) 0.1em 0.5em no-repeat;}
.ouSezonBoxCnt li span{font-size:11px}
.ouSezonBoxCnt  li a {}

.ouRodzBox {margin:0px 0px 15px 0px;}
.ouRodzBoxHd {height:28px; padding:12px 10px 0px 20px; background:url(../gfx_4O/testy/ouBrandBoxHd4O.png)}
.ouRodzBoxHd h3 {font-size: 17px; line-height: 17px; font-weight: normal; display: inline; color:#333}
.ouRodzBoxHdLink {float:right}
.ouRodzBoxCnt {padding:5px 10px 10px 10px; background:url(../gfx_4O/testy/ouBrandbg4O.png) bottom}
.ouRodzBoxCnt ul {margin:0; padding:0; list-style:none; line-height: 18px;}
.ouRodzBoxCnt  li { margin:0; padding:0 0 0 12px; color:#000;background:url(../gfx_4O/vertlistbullet1.gif) 0.1em 0.5em no-repeat;}
.ouRodzBoxCnt li span{font-size:11px}
.ouRodzBoxCnt  li a {font-size:12px}


.ouHpRevListBox {margin:0px 0px 15px 0px;  }
.ouHpRevListBoxHd {height:28px; padding:12px 10px 0px 45px; background:url(../gfx_4O/testy/ouRevListBoxHd4O.png) top left repeat-x;}
.ouHpRevListBoxHd h3 {font-size: 17px; line-height: 17px; font-weight: bold; display: inline; color:#000;}
.ouHpRevListBoxHdLink {float:right}
.ouHpRevListBoxCnt {padding:5px 10px 10px 10px; background:url(../gfx_4O/testy/ouRevListBoxbg4O.png) bottom}

.ouDetRevListHd {margin:20px 0px;}
.ouDetRevListHd h2 {color: #fff; font-size: 19px; font-weight: bold; padding:0px; margin:0px}

.ouBestSumBox {margin:0px 0px 15px 0px;}
.ouBestSumBoxHd {Background:url(../gfx_4O/testy/ouRankBoxHd4O.png) repeat-x left top; height:28px; padding:12px 10px 00px 20px}
.ouBestSumBoxHd h3 {display:inline; font-size:16px; font-weight:normal; line-height:17px; margin:0; padding:0;}
.ouBestSumBoxHdLink {float:right}
.ouBestSumBoxCnt {padding:5px 10px 10px 10px; background:url(../gfx_4O/testy/ouRankBoxbg4O.png) bottom}
.ouBestSumBoxCntName {padding:0 0 5px 0}
.ouBestSumBoxCntPoints { color:#666}
.ouBestSumBoxCntPoints span {font-weight:bold; padding:0 5px 0 0 }
.ouBestSumBoxCntPoints span a {padding:0 0 0 5px; font-size:11px; font-weight:normal}

.ouBestWinBox {margin:0px 0px 15px 0px;}
.ouBestWinBoxHd {Background:url(../gfx_4O/testy/ouRankBoxHd4O.png) repeat-x left top; height:28px; padding:12px 10px 0px 20px}
.ouBestWinBoxHd h3 {display:inline; font-size:16px; font-weight:normal; line-height:17px; margin:0; padding:0;}
.ouBestWinBoxHdLink {float:right}
.ouBestWinBoxCnt {padding:5px 10px 10px 10px; background:url(../gfx_4O/testy/ouRankBoxbg4O.png) bottom}
.ouBestWinBoxCntName {padding:0 0 5px 0}
.ouBestWinBoxCntPoints { color:#666}
.ouBestWinBoxCntPoints span {font-weight:bold; padding:0 5px 0 0 }
.ouBestWinBoxCntPoints span a {padding:0 0 0 5px; font-size:11px; font-weight:normal}



.ouPointIndex {color:#666;}
.ouDottedLine {height:13px; background:url(../gfx_4O/testy/ou_dotted_line.gif) top left repeat-x;}

.ouOuUser {float:left; width:285px;}
.ouOuUser h3 {font-weight:normal;}
.ouOuUser p {font-size:12px; line-height:18px; margin:5px 0; color:#666;}
.ouOuUserFoto {float:left; margin-right:5px; border:1px solid #eee}
.ouOuUserLink {float:left; width:220px;}
.ouOuUserPoint {margin-top:5px; font-size:18px; font-weight:bold;}

.ouHpRev {float:left; width:600px}
.ouHpRevListBoxCnt hr {margin:10px 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; height:1px; display:block; background:none}
.ouHpRev h3 {font-size:17px; font-weight:normal; line-height:17px;}
.ouHpRevOuPointsBox {padding-top: 5px; color: #666666;}
.ouHpRevOuPointsBox span {font-weight:bold}
.ouHpRevOuPoints {font-size:18px; font-weight:bold}
.ouHpRevRodz {font-size:11px; color: #666666;}
.ouHpRevLinks a{margin-right:15px}
.ouHpRev p {font-size:12px; line-height:18px; margin:5px 0; color:#000;}
.ouHpRevFoto {float:left; margin-right:5px; border:1px solid #eee}
.ouHpRevLink {float:left; width:220px;}
.ouHpRevPoint {margin-top:5px; font-size:18px; font-weight:bold;}



.ouBestSum {float: left; width:305px;}
.ouBestWin {float: right; width:305px;}

.ouProdForm	{width:130px}
.ouModelForm {width:260px}
.ouSizeForm	{width:130px}
.ouTextForm {width:730px; height:100px }
.ouUniForm {width:150px; height:20px; font-size: 12px; border-width: 1px; border-style: solid; margin:0px; padding:0px;}
/*.ouFilterForm {width:127px; height:20px; font-size: 12px; border-width: 1px; border-style: solid; margin:0px; padding:0px;}*/
/*.ouLPForm	{width:45px}*/
.ouLabelForm {width:130px; text-align:right; float:left; padding:3px 10px 0 0; height:20px }
.ouLabel2Form {text-align:left; float:left; padding:3px 10px 0 0; height:20px }

/*SORTOWANIE I FILTROWANIE*/
.ouSortFiltrBox {background:url(../gfx_4O/testy/ouSortFiltrBox_bkgr.gif) top left repeat-x #b2b1b1;}
.ouSortFiltrBox label {font-size:12px; font-weight:normal; color:#666;}
.ouSortFiltrBox select {width:125px; margin-top:3px; padding:0; display: block; font-size:11px; border:1px solid #999; background:#fff}
.ouSortFiltrBox input {margin-top:15px;}
.ouSortFiltrSect {float:left; margin-right:8px;}
.ouSortBox {width:280px;float:left; padding:25px 10px 5px 8px; background:url(../gfx_4O/testy/ouSortBox_bkgr.gif) top left no-repeat #b2b1b1;}
.ouFiltrBox {width:615px; float:right; padding:25px 10px 5px 17px; background:url(../gfx_4O/testy/ouFiltrBox_bkgr.gif) top left no-repeat #b2b1b1;}

/*STRONICOWANIE I WLASCIWOSCI WYSWIETLANIA*/
.ouToolsBox {margin:0px 0; padding:3px 0; padding:10px;  background-color:#FFF}
.ouToolsBox a:hover {color:#145f94;}
.ouRevListQu {float:right}

/*stronicowanie*/
.ouPages {width:350px; float:left}
ul.ouPages {margin:4px 0; color:#999;}
ul.ouPages li {display:inline; font-weight:700;}
ul.ouPages a {text-decoration:underline; color:#666;}
ul.ouPages a:hover {color:#145f94;}

/*widok listy*/
.ouToolsListSimple, .ouToolsListAll {float:right; padding:3px 35px 0 0; margin-left:30px; font-weight:700;}
.ouToolsListSimple {background:url(../gfx_4O/testy/ouToolsListSimple.gif) center right no-repeat;}
.ouToolsListAll {background:url(../gfx_4O/testy/ouToolsListAll.gif) center right no-repeat;}


/* TABELA OPINII*/
/*.ouRevTblHd {margin-top:10px; padding:10px; color:#333; font-size:18px; background:url(../gfx_4O/testy/ourev_tbl_hd.gif) top left repeat-x;}*/
.ouRevHdBar {padding:10px 10px 0px 10px}
.ouRevAllPoint {float:left; font-size:22px; color:#666;}
.ouRevAllPoint span {padding:0 0 0 10px}
.ouRevUsername {float:right; padding-top:3px;  font-size:12px;}
.ouRevBorder {background-color:#fff;  margin-bottom:15px; border: 1px solid #ccc; /*background:url(../gfx_4O/testy/ourev_tbl_hd.gif) top left repeat-x;*/}
.ouRevTbl {background-color:#fff; padding:10px; }
.ouRevTbl h3 {font-family:Tahoma, Verdana; padding:0px 10px 10px 0px;  color:#999; font-weight:normal;}
.ouRevTbl h3 a {font-weight:bold; text-decoration: underline;}
.ouRevTbl h3 a:hover {color:#000;}
.ouRevTbl p {line-height:16px; font-family:Tahoma, Verdana; padding:0; margin:10px 0; }
.ouRevTbl p img {vertical-align: middle;}
.ouRevHelpfull {margin-top:10px; color:#999; font-weight:700;}
.ouRevHelpfull img {vertical-align:middle; margin-left:0px;}
.ouRevTbl table {width:100%;  margin-bottom:10px; /*background:url(../gfx_4O/testy/ouRevTbl_bkgr.gif) top left repeat-x;*/}
.ouRevTbl th, .ouRevTbl td {padding:5px 10px; margin:0;}
.ouRevTbl th {background:#f4f4f4; color:#666; border:1px solid #ccc;}
.ouRevTbl td {border:1px solid #ccc;}
.ouRevTdBigGrade {width:135px; font-weight:700; text-align:center; color:#a80000;}
.ouRevTdCharacter {width: 140px; font-weight:700; color:#333;}
.ouRevTdInfo {width:250px;}
.ouRevTdTop {vertical-align: top;}
.ouRevTdCenter {text-align:center;}
.ouRevTdPoint {width:120px; font-weight:700; color:#333;}
.ouRevTdPoint span {margin:0 8px 0 0}
.ouRevTdPoint img {vertical-align:center; padding:0 0 0 2px}
.ouRevLinks {width:315px; vertical-align:top;}
.ouRevLinksTxt {float:left}
.ouRevLinksTxt ul {margin:0; padding:0; list-style:none;}
.ouRevLinksTxt  li {margin:0; padding:0 0 3px 11px;color:#000;background:url(../gfx_4O/vertlistbullet1.gif) 0.1em 0.4em no-repeat;}
.ouRevLinksTxt  li a {text-decoration:underline; color:#145f94;}
.ouRevLinksTxt  li a:hover {color:#000;text-decoration:underline;}
.ouRevLinksTxt img {padding:0 0 10px 0}

.ouRevTdFoto {/*width: 110px;*/ text-align: center;}
.ouGradeBig {font-size:40px; line-height:46px; font-weight:700; color:#666;}
.ouTireCmpFoto {position:relative; margin:auto auto;  background:#fff; height:80px; width:100px; overflow:hidden;}
.ouTireCmpFotoIco {position:absolute;top:1px; left:1px;}

/*box sklepowy*/
.ouRevShop {float:right; width:120px; text-align:left;}
.ouShop {margin-top:5px; /*border-top:1px solid #ccc;*/}
.ouShopNagl {margin:5px 0px}
.ouShop img {margin:5px 0 0 0}
.ouShop p {font-size:16px; color:#a80000;}
.ouShop p span {display:block; padding-top:3px; font-size:11px; font-weight:normal; color:#999;}
.ouShop p label {font-size:11px; font-weight:700; color: #999;}
.ouShop p select {margin:5px 0; font-size:11px;}

/*OCENY SZCZEGOLOWE*/
/*.ouExtProp {padding:10px 0 10px 10px;  border-right:1px solid #ccc; border-top:1px solid #ccc;}
.ouExtProp2 { padding-top:101px; background: url(../gfx_4O/testy/ou_Ext_prop2.gif) top left no-repeat;}
.ouExtProp3 {padding-top:101px; background: url(../gfx_4O/testy/ou_Ext_prop.gif) top left no-repeat;}*/
.ouExtHead {margin-bottom:2px;}
.ouExtPropTotal {width:100px; height:18px; font-weight:bold; background-color:#cccccc; float:left; text-align:center; padding:2px 0 0 0}
.ouExtPropPart {width:42px; height:18px; float:left; margin:0 0 0 2px; text-align:center; font-size:12px; padding:2px 0 0 0}
.ouExtGrade0 {background:#e9e9e9;}
.ouExtGrade1 {background:url(../gfx_4O/testy/ou_ExtGrade_1.gif);}
.ouExtGrade2 {background:url(../gfx_4O/testy/ou_ExtGrade_2.gif);}
.ouExtGrade3 {background:url(../gfx_4O/testy/ou_ExtGrade_3.gif);}
.ouExtGrade4 {background:url(../gfx_4O/testy/ou_ExtGrade_4.gif);}
.ouExtGrade5 {background:url(../gfx_4O/testy/ou_ExtGrade_5.gif);}
.ouExtGrade6 {background:url(../gfx_4O/testy/ou_ExtGrade_6.gif);}

/*DODAWANIE OPINII*/
.ouRevAddBox {margin-bottom:15px; background:url(../gfx_4O/testy/ouRevBoxbg4O.png) bottom}
.ouRevAddBoxHd {height:28px; padding:12px 10px 0px 45px; background:url(../gfx_4O/testy/ouRevHd4O.png) left top}
.ouRevAddBoxHd h3 {font-size:17px; line-height:17px; font-weight:bold; display:inline; color:#000}
.ouRevAddBoxHdLink {float: right; display: inline;}


.ouRevAddFormProd, .ouRevAddFormModel, .ouRevAddFormSize, .ouRevAddFormRok, .ouRevAddFormMarka, .ouRevAddFormDystans,
.ouRevAddFormMiejsce, .ouRevAddFormNabycie, .ouRevAddFormStyl, .ouRevAddFormZakup {float:left; margin:0px 20px 0px 0px;}

.ouRevAddFormProd select, .ouRevAddFormModel select, .ouRevAddFormSize select, .ouRevAddFormRok select, .ouRevAddFormMarka select, .ouRevAddFormDystans select,
.ouRevAddFormMiejsce select, .ouRevAddFormNabycie select, .ouRevAddFormStyl select, .ouRevAddFormZakup select {width:163px; font-size:11px}

.ouRevAddBut {margin:20px 0px 5px 0px}
.ouRevAddFormPodpis {margin:20px 0px 20px 0px}

.ouRevAddTire span{font-size:24px; color:#ef6a12;}
.ouRevAddTire div{ margin-bottom:10px}

.ouRevAddRedstar {padding-left:3px; font-size:16px; font-weight:700; color:#ff0000;}
.ouRevAddRedstarBox {margin:0px 0px 10px 0px; color:#fff}
.ouRevAddRedInfo {color:#ff0000;}
.ouRevAddRedInfo2 {color:#ff0000; margin-top:30px; display:inline; float:left}
.ouRevAddPoints {margin:10px 0px; font-size:14px; color:#fff}

.ouRevAdd {margin:0 5px 5px 5px;}
.ouRevAddHead0 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd0.gif) top left no-repeat;}
.ouRevAddHead1 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd1.gif) top left no-repeat;}
.ouRevAddHead2 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd2.gif) top left no-repeat;}
.ouRevAddHead3 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd3.gif) top left no-repeat;}
.ouRevAddHead4 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd4.gif) top left no-repeat;}
.ouRevAddHead5 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd5.gif) top left no-repeat;}
.ouRevAddHead6 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd6.gif) top left no-repeat;}
.ouRevAddHead7 {height:32px; background:url(../gfx_4O/testy/ouRevAdd_TdHd7.gif) top left no-repeat;}
.ouRevAdd table {width:100%; border-collapse: collapse; border:none; margin:0px 3px 10px 1px;} 
.ouRevAdd td {padding:5px ; margin:0;}
/*.ouRevAdd th {height:35px; background:url(../gfx_4O/testy/ouRevAdd_TdHd1.gif) top left no-repeat; color:#fff; border:1px solid #ddd;}*/
.ouRevAdd td {border:1px solid #ddd; margin:0 10px10px 10px;}
.ouRevAdd label {font-size:14px; color:#666;}
.ouRevAddTdLabel {width:200px;}
.ouRevAddTdPoint {width:60px; text-align:center;}
.ouRevAddTdAlert {color:#ff0000;}
.ouRevAddTdTr {background:#f4f4f4}

.ouRevAddForms {padding:10px; }
.ouRevAddForms label {padding-bottom:5px; font-size:12px; display:block; color:#666;}
.ouRevAddForms textarea {font-family: Arial, Verdana; font-size:12px; padding:5px;}
.ouRevAddForms input, select {font-size:11px;}
.ouRevAddForms select {font-size:12px;}
.ouRevAddForms p {margin:10px 0;}

/*.ouCompareBox {width:25px; height:131px; float:right; background:url(../gfx_4O/testy/txtcomparebox.gif) no-repeat center center; padding:10px 0 0 0;  background-color:#ececec; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:0px; border-style:solid; border-color:#cccccc;}
.ouCompareBox div {padding: 0 0 0 2px}*/

.ouSize { font-size:12px; font-weight:bold; font-family:arial;  padding:0 5px 0 0px;float:left}
.ouSizes a{ font-size:12px; font-family:arial; padding:0 5px 0 5px; float:left }

.ouUserOpHd {padding:10px; color:#fff; background:#808080;}
.ouUserOpCntBox {border-right-width:1px; border-left-width:1px; border-top-width:0px; border-bottom-width:1px; border-style:solid; border-color:#cccccc;}
.ouUserOpCntHd {height:30px; background-color:#f3f3f2}
.ouUserOpCharHd {width:345px; float:left; padding:8px 10px 0 10px; height:22px; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; border-style:solid; border-color:#cccccc;}
.ouUserOpExtInfHd {width:271px; float:left; padding:8px 0 0 10px; height:22px; border-right-width:1px; border-left-width:1px; border-top-width:0px; border-bottom-width:1px; border-style:solid; border-color:#cccccc;}
.ouUserOpCarSizeHd {width:320px; float:left; padding: 8px 0 0 10px; height:22px; border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; border-style:solid; border-color:#cccccc;}
.ouUserOpPropCnt {border-right-width:0px; border-left-width:0px; border-top-width:0px; border-bottom-width:1px; border-style:solid; border-color:#cccccc;}
.ouUserOpCharCnt {width:365px; float:left}
.ouUserOpCharLine {border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:1px; border-style:solid; border-color:#cccccc;}
.ouUserOpCharLabel {float:left; margin:0 0 0 10px; width:130px; padding:3px 0; /*padding:3px 0 3px 0;*/ /*border-left-width:0px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; border-style:solid; border-color:#cccccc;*/ border-right: 1px solid #ccc;}
.ouUserOpCharStat { float:left; text-align:right; padding:3px 0 3px 10px;}
.ouUserOpExtInfCnt {float:left; width:271px; height:68px; padding:10px 0 10px 10px; border-right-width:1px; border-left-width:1px; border-top-width:0px; border-bottom-width:0px; border-style:solid; border-color:#cccccc;}
.ouUserOpCarSizeCnt {float:left; width:310px; padding: 10px 0 10px 10px}



table.ouTSzosa {border: solid 1px #fff}
table.ouTSzosa td{border: solid #fff; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:0px; padding:5px 8px 5px 10px}
tr.ouTHd td {background-color:#e2eff7; font-weight:bold}


.ou3col { width:326px}

