/*

D E S I G N  I N F O 



??????: PureDesign Studio

CSS ????? ? ???????: Robo://FLeXX

????????: ?????? ?????????? ??? ??????? Pure.CMS

URL: http://www.design.bcc.uz

Version: 1.0

?????: ?????????? ??????

URL ??????: http://roboflexx.net

*/



/* LAYERS: =???? ? ????? ?????

----------------------------------------------- */

body						{ text-align: center; color: #424242; font-size: 11px; font-family: Arial; margin: 0; padding: 0; background: url('/purecms/images/bg.gif') repeat-x; }

div.body					{ width: 100%; text-align: left; margin: 0 auto; }

div.head-1					{ background: #17C501 url('/purecms/images/bg-head.gif') top left repeat-y; height: 87px; }

div.head-a-1				{ margin: 0 200px 0 0; }

div.head-b					{ float: right; width: 200px; }



div.head-access				{ float: right; width: 252px; height: 106px; padding: 5px 5px 6px 9px; background: #FFFFFF url('images/bg-head-access.gif') no-repeat; margin: 10px; }



img.head-pure-1				{ width: 253px; height: 87px; background: url('images/head-pure-1.gif') no-repeat; display: block; }

img.head-pure-2				{ width: 102px; height: 14px; background: url('images/head-pure-2.gif') no-repeat; display: block; }

div.head-pure-3				{ height: 25px; background: url('images/head-pure-3.gif') no-repeat; display: block; padding: 5px 0 5px 80px; }



div.foot					{ width: 100%; clear: both; height: 115px; }

div.foot-a					{ width: 209px; height: 101px; float: left; background: #16C700 url('images/foot-a.gif') top right no-repeat; padding: 7px; color: #FFFFFF; }

div.foot-b					{ float: right; width: 100%; margin: 0 0 0 -233px; }

div.foot-b-s				{ margin: 0 0 0 233px; height: 115px; background: #FFFFFF url('images/line.gif') top repeat-x; }

div.top-l					{ height: 115px; background: url('images/foot-logo-a.gif') bottom right no-repeat; }

div.foot-l					{ height: 101px; background: url('images/foot-b-l.gif') top left no-repeat; padding: 7px; }





/* LAYERS: =????? ???????? ? ??????????

----------------------------------------------- */

div.main-cont-a				{ width: 430px; float: left; min-height: 300px; padding: 0 0 0 10px;  }

div.main-cont-b				{ width: 100%; float: right; margin: 0 0 0 -450px; }

div.main-cont-bs			{ margin: 0 10px 0 445px; min-height: 300px; }

div.sub-cont-a				{ width: 213px; float: left; min-height: 300px; padding: 0 0 0 10px;  }

div.sub-cont-b				{ width: 100%; float: right; margin: 0 0 0 -223px; }

div.sub-cont-bs				{ margin: 0 10px 0 235px; min-height: 300px; }





div.main-mod-block			{ width: 198px; height: 84px; padding: 4px; background: url('images/main-mod-block.gif') no-repeat; float: left; margin: 0 9px 9px 0; }

div.sub-menu				{ background: url('images/bg-sub-menu.gif') repeat-y; }

div.cont-bl-a				{ background: url('images/line.gif') left repeat-y }

div.cont-bl-b				{ background: url('images/line.gif') right repeat-y; padding: 0 1px 0 1px;}



div.cont-bl-bot				{ background: url('images/line.gif') bottom left repeat-x; height: 7px; }

div.cont-bl-top				{ background: url('images/line.gif') top left repeat-x; height: 7px; }



div.cont-bl-bot-a			{ background: url('images/cont-bl-bot-a.gif') left repeat-y; }



div.admin-item				{ width: 100%; clear: both; margin: 0 0 2px 0; background: #F9F9F9; }

div.admin-part				{ height: 15px; line-height: 15px; width: 175px; float: left; padding: 3px; margin: 0 3px 0 0; font-weight: bold; }



div.login-body				{ width: 100%; text-align: center; padding: 75px 0 105px 0;  }

div.login-h					{ width: 310px; margin: 0 auto; }



/* PORTFOLIO: =?????????? ??????????? ?????????

----------------------------------------------- */

img							{ border: 0px; }

img.ico						{ float: left; margin: 0 6px 0 0; }

img.ico-a					{ float: left; margin: 0 4px 30px 0; }

img.ico-b					{ float: left; margin: 0 18px 0 0; }
img.ico-tree				{ float: left; margin: 0 8px 0 0; }
img.foot-logo				{ float: left; margin: 0 7px 35px 0; }

img.right					{ float: right }

img.left					{ float: left }



div.clear					{ width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 1px; }

div.divider					{ width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 10px; }

div.pad-5px					{ padding: 5px; }

h2							{ margin: 0 }



strong.color				{ color: #17A200; }

strong.head					{ color: #FFFFFF; line-height: 29px; padding: 0 0 0 9px; font-size: 13px; float: left; }

span.line					{ display: block;  border-bottom: 1px solid #E6E6E6; padding: 0 0 3px 0; margin: 0 0 9px 0; }

span.line-a					{ display: block; width: 75%; border-bottom: 1px solid #E6E6E6; padding: 0 0 3px 0; margin: 0 0 6px 0; }

span.top-menu				{ float: left; margin: 0 8px 0 0; }

p.foot-copy					{ margin: 4px 0 4px 0; padding: 0; }

ul.main						{ margin: 0; padding: 0; list-style: none; clear: both; }

li.item-a					{ padding: 3px 3px 3px 9px; border-bottom: 1px solid #E6E6E6; margin: 0px; color: #FFFFFF; font-weight: bold; background: #17C501 url('images/bg-heading.gif') right top repeat-y;  }

li.item-b					{ clear: both; padding: 2px 2px 2px 5px; line-height: 20px; margin: 0px; }

li.item						{ clear: both; padding: 3px 5px 3px 9px; border-bottom: 1px solid #E6E6E6; margin: 0px; }

li.item:hover				{ background: #F1F1F1; }

li.item-b a:hover			{ text-decoration: none; color: #424242 }

.hide						{ display: none; margin: 0px; font-size: 0px; padding: 0px; }

ul.tree-menu				{ margin: 0; padding: 0; list-style: none; clear: both; }
li.tree-item				{ clear: both; padding: 0 1px 0 10px; line-height: 10px; margin: 0px; }



/* FORMS: =?????????? ??????????? ???? ? ????????? ????

----------------------------------------------- */

.text						{ border: 1px solid #A8A6AB; width: 250px; font-size: 10px; padding: 2px; color: #17A400 }

input.btn					{ border-top: 1px solid #9CEF5F; border-bottom: 1px solid #6D9A4B; border-right: 1px solid #6D9A4B; border-left: 1px solid #9CEF5F; background: #17A400; color: #FFFFFF; width: 120px; font-size: 10px; }

button 						{ font-family: Tahoma,Arial,sans-serif; text-align: right; width: 25px; height: 25px; background: #dddddd; color: #000000; border-style: solid 1px #dddddd; }

textarea					{ font-size: 12px; color: #17A400; font-family: Trebuchet MS }



/* HEADERS: =?????????? ??????????? ??????????

----------------------------------------------- */



div.heading-bg				{ background: #17C501 url('images/bg-heading.gif') right top repeat-y; }

div.header					{ background: url('images/heading-a.gif') no-repeat; height: 29px; }

/* MISC: =????????? ????????

----------------------------------------------- */





/* LINKS: =?????????? ??????????? ??????

----------------------------------------------- */

a							{ color: #17A200; text-decoration: none; }

a:hover						{ text-decoration: underline; }





/* ADD

----------------------------------------------- */
.table                      { width: 100%; padding: 0; border: 1px; border-collapse: collapse; }
td.cell                     { padding: 3px }
tr.row-a                    { border-bottom: 1px solid #CECECE; background: #F1F1F1}
tr.row-b                    { border-bottom: 1px solid #CECECE; background: #FFFFFF}
tr.header                   { background: #A3E83C; color: #000000; font-weight: bold; padding: 3px }

div.tools					{ height: 25px; text-align: center; width: 100% }

span.page					{ background: #FFFFFF; color: #099eee; padding-left: 4px; padding-right: 4px; text-decoration: none; border: 1px solid #CFCFCF}
a.page:link,
a.page:visited				{ background: #F5F5F5; color: #4E4E4E; padding-left: 4px; padding-right: 4px; text-decoration: none; border: 1px solid #E2E2E2}
a.page:hover				{ background: #FFFFFF; color: #099eee; padding-left: 4px; padding-right: 4px; text-decoration: none; border: 1px solid #CFCFCF}