/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Проект: exwp.my

Кодер: xeonc [ coder@xeonc.eu ]

Дата: март 2007

Назначение стилей: Общие стили для всех страниц.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

* { margin:0; padding:0; }

html { width:100%; height:100%; }

body { position:relative; width:100%; min-width:1000px; height:100%; background:#fff url(http://exwp.com/css/image/bg-body.gif) repeat-y 100% 0; }

.guest_panel a{
font-size=10px;

}

/*a { font:normal 13px Tahoma; color:#000; text-decoration:underline; }*/

/*a:hover { text-decoration:none; }*/

img { border:0; }

a {

 font:normal 13px Tahoma;

 color:#000;

text-decoration:underline;

margin-right:  4; 

text-indent:  15; 

margin-top:  1; 

margin-bottom:  0; 

margin-left:  4; 

}



a:hover {

color:  #FF00FF; 

}



/*#basis { position:relative; width:auto; height:auto; min-width:1000px; min-height:100%;  font:normal 13px Tahoma; color:#000; }*/

#basis { position:relative; width:90%; height:auto; min-width:500px; min-height:100%;  font:normal 13px Tahoma; color:#000; }

br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

   Шапка шаблона

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header { width:100%; background:#fff; }



#flash { position:absolute; top:13px; left:10px; z-index:9; width:318px; height:109px; }

.slogan { position:absolute; top:42px; left:30%; z-index:7; width:350px; height:63px; text-align:center}



.ico { position:absolute; top:40px; right:26px; width:224px; height:56px; }

.ico a { position:absolute; z-index:999; display:block; font:normal 13px Tahoma; color:#d9e5f6; background:#5895c4; }

.ico a img { display:block; }



.ico a#account { top:30px; left:0px; width:94px; height:20px; padding:2px 0px 0 20px; font:normal 12px Tahoma; color:#fff; background:#5895c4 url(http://exwp.com/css/image/key2.gif) no-repeat 13px 9px; }

.ico a#rus { position:absolute;top:0; left:0px; width:38px; height:21px; padding:2px 12px 2px 3px; }

.ico a#eng { position:absolute;top:0; left:64px; width:36px; height:21px; padding:2px 12px 2px 3px; }

.ico a#home { top:0; left:150px; width:43px; height:18px; padding:6px 0 0 10px; background:#5895c4 url(http://exwp.com/css/image/bg.gif) no-repeat 100% 0; }

.ico a#mail { top:32px; left:150px; width:45px; height:17px; padding:7px 0 0 8px; background:#5895c4 url(http://exwp.com/css/image/bg.gif) no-repeat 100% 0; }



.top { height:138px; margin:0 0 14px 5px; background:url(http://exwp.com/css/image/bg-top.jpg) repeat-x; }



.gray { background:#eaeaea url(http://exwp.com/css/image/bg-gray.gif) repeat-y 35% 0; }

.gray-white { width:100%; height:27px; background:#fff;cursor:hand; }

.gray-left { width:36%; float:left; padding-bottom:34px; }

.gray-right { width:64%; float:left; }



.txt { padding:15px 45px 0 18px; }

.txt h2 { padding-bottom:15px; }

.txt h2 img { display:block; }



.gray-right .txt { padding-right:0; }

.light { padding-bottom:10px; }

.light .light2 { width:284px; height:36px; float:left; margin-right:14px; padding:10px 0 0 12px; background:#f7f7f7; }

.light .light2 a { display:block; width:79px; height:27px; float:left; }

.light .light2 p { width:115px; float:left; font:normal 11px/16px Tahoma; color:#565656; text-align:center; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

   Центральная часть шаблона

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left { position:relative; z-index:999; width:300px; float:left; padding-bottom:140px; }

.right { width:100%; float:left; margin-left:-313px; }

.right2 { margin-left:313px; }

.center { width:100%; float:left; margin-right:-283px; }

.center2 { margin-right:283px; padding-bottom:130px; }

.right3 { position:absolute; z-index:999; right:-40px;width:283px; float:left; padding-bottom:160px; }



/* Оформление левого столбца */

//.menu { width:276px; background:url(http://exwp.com/css/image/bg-menu.gif) no-repeat 100% 0; border-right:1px solid #d1d1d1; }
.menu { width:250px; background:url(http://exwp.com/css/image/bg-menu.gif) no-repeat 100% 0; border-right:1px solid #d1d1d1; }

.menu2 { width:250px; padding-top:19px; background:url(http://exwp.com/css/image/bg-menu.gif) no-repeat 100% 100%; }

.menu2 h2 { margin:0 21px 17px 29px; padding:0px; background:#eee url(http://exwp.com/css/image/bg-h2-left.gif) no-repeat 100% 0; }

.menu2 h2 img { display:block; }



.menu ul { padding:0 23px 16px 0; }

.menu li { padding-bottom:12px; list-style-type:none; text-align:right; }

.menu li a { color:#3d80cb; text-decoration:none;}

.menu li a:hover { padding-left:23px; background:url(http://exwp.com/css/image/arrow.gif) no-repeat 0 7px; }

.menu li a.key { padding-left:21px; background:url(http://exwp.com/css/image/key.gif) no-repeat 0 5px; }

.menu ul.yellow li a { color:#d5a000; }
.menu ul.yellow li a:hover { color:  #FF00FF; background:url(http://exwp.com/css/image/arrow_yellow.gif) no-repeat -5px 5px; }



/* Оформление центрального столбца */

.title { margin-bottom:23px; padding:15px 0 13px 10px; background:#f4f4f4; font-size:200%; font-family:Arial,sans-serif; font-weight:normal; }

.title img { display:block; }



.content { position:absolute;  z-index:999;top:0px; right:0px;width:100%;padding-bottom:7px; line-height:23px; }

.content p { padding-bottom:18px; }



.informers { padding:5px 0; background:#EDEBEB;}

.informer { width:20%; float:left; text-align:center; }

.counters {   width:30%; float:left; text-align:center; }

/* Оформление правого столбца */

.right3 h2 { position:relative;height:40px; margin:0 30px 0 42px; background:url(http://exwp.com/css/image/bg-h2-right.jpg) no-repeat; border-bottom:4px solid #fff; text-align:right; }

.right3 h2 img { position:absolute; top:12px; right:14px; display:block; }



.newses { padding-top:19px; }

.news { padding:0 40px 21px 57px; font:normal 11px/21px Tahoma; color:#414141; }

.news strong { padding-right:8px; }



.visYes { visibility:visible; background-color:#CCFFCC; border-color:#ffffff #808080 #808080 #ffffff; border-style:solid; border-width:1px 1px 1px 1px;padding:2px 2px 2px 2px; text-align:left}

.visNo{ visibility:hidden; }



.style_table { border:1px solid #ccc; width:100%; padding:1px; }

.style_td { width:150px; padding:13px; background:#eee; text-align:left; font:normal 12px Tahoma; }

.style_td2 { padding:13px; text-align:left; vertical-align:middle; background:#eee; }

.style_td3 { padding:13px; text-align:center; vertical-align:middle; background:#fff; }

.style_td4 { padding:13px; text-align:center; vertical-align:middle; background:#eee; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

   Подвал шаблона

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer { position:absolute;z-index:999; bottom:0; left:0; width:100%; height:159px; background:url(http://exwp.com/css/image/bg-footer.jpg) repeat-x 0 100%; }



.footer2 { width:100%; height:104px; padding-top:55px; background:url(http://exwp.com/css/image/bg-footer-right.jpg) no-repeat 100% 100%; }

.footer2 p.copy { padding:26px 0 0 309px; font:normal 12px/21px Tahoma; color:#fff; }

.footer2 p.copy a { font:normal 12px/21px Tahoma; color:#fff; }



.develop { position:absolute; top:55px; left:0; width:277px; height:104px; background:url(http://exwp.com/css/image/bg-develop.jpg) no-repeat; }

.develop p { margin-right:34px; padding:33px 58px 10px 0; font:normal 10px/13px Tahoma; color:#fff; text-align:right; background:url(http://exwp.com/css/image/develop.jpg) no-repeat 100% 31px; }

.develop p span { color:#bde2ff; }

.develop p a { font:normal 10px/13px Tahoma; color:#fff; }



//.rate {  top:6px; right:29px; width:212px; height:140px;  float:right;padding:5px;margin-right:10px;margin-bottom:10px;}
.rate{}

.rate img.irate { display:block; margin:0 0 11px 58px; }



.rate table { width:212px; border-collapse:collapse; }

.rate table th { padding:6px 0; font:normal 13px/21px Tahoma; color:#fff; background:#4185b9; border-right:1px solid #fff; text-align:center; }

.rate table td { padding-top:3px; font:normal 13px/21px Tahoma; color:#000; background:#e5e5e5; border-right:1px solid #fff; border-top:1px solid #fff; text-align:center; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

   Конец

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



table{
font:normal 13px Tahoma; color:#000;
}
td{
padding: 1px 2px 1px 2px;
}

p {

margin-right:  4; 

text-indent:  5; 

margin-top:  1; 

margin-bottom:  0; 

margin-left:  4; 

}



font.titleLight {

font-family:  Arial, Tahoma, Helvetica; 

color:  #D2A801; 

font-size:  20pt; 

}







font.titleBlack {

color:  #666666; 

font-size:  20pt; 

font-family:  Arial, Tahoma, Helvetica; 

}



font.titleMain {

font-family:  Arial, Tahoma, Helvetica; 

color: #cc3300; 

font-size:  20pt; 

}



.LeftPanel {

background-color:  #EDF9F2; 

filter:  progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#9DDFB8); 

}



.RightPanel { 

background-color:  #EDF9F2; 

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#9DDFB8) ;  

}



.Post {

margin-left:  20; 

margin-right:  20; 

background-color:  #EDF9F2; 

/*border-width:  1 1 1 1; 

border-color:  #808080 #ffffff #ffffff #808080; 

border-style:  solid; */

}



.Comm {

padding-bottom:  0px; 

margin-right:  20; 

border-style:  solid; 

font-size:  10pt; 

border-color:  #808080 #ffffff #ffffff #808080; 

background-color:  #EDEBEB; 

margin-left:  20; 

border-width:  0; 

padding-left:  10px; 

}



.PostSq {

/*background-color:  #D4D7D7; */

/*border-color:  #ffffff #808080 #808080 #ffffff; 

*/

border-style:  solid; 

border-width:  1px 1px 1px 1px; 

border-color:  #808080; 

padding-bottom:  2; 

}



#thema {

color:  #666666; 

}



.Image {

float:  left; 

}



.LeftPanel h1 {

text-align:  center; 

margin-bottom:  2; 

font-size:  20; 

font-family:  Georgia, Times; 

color:  #666666; 

}



.LeftPanel h2 {

margin-top:  2; 

font-size:  14; 

text-align:  center; 

color:  #666666; 

}



.LeftPanel a {

font-family:  Times; 

font-style:  normal; 

text-decoration:  none; 

color:  #666666; 

}



.LeftPanel a:hover {

color:  #ff0000; 

text-decoration:  underline; 

}



.RightPanel a {

text-decoration:  none; 

color: #0000ff; 

font-family:  Times; 

font-style:  normal; 

}



.RightPanel a:hover {

color: #0000ff; 

text-decoration:  underline; 

}



.add {

FONT-FAMILY:  times,verdana, helvetica, sans-serif; 

text-decoration:  none; 

font-style:  normal; 

}



.add:hover {

font-style:  normal; 

FONT-FAMILY:  times,verdana, helvetica, sans-serif; 

text-decoration:  underline; 

}



.accountin {

color:  #1F4790; 

text-decoration:  none; 

FONT-FAMILY:  Times New Roman; 

}



.accountin:hover {

FONT-FAMILY:  Times New Roman; 

text-decoration:  underline; 

color:  #1F4790; 

}



.accountedit {

text-decoration:  underline; 

color:  #008000; 

font-weight:  bold; 

font-style:  normal; 

FONT-FAMILY:  Times New Roman; 

}



.accountedit:hover {

FONT-FAMILY:  Times New Roman; 

color:  #ff00ff; 

}



#mynik {

font-style:  italic; 

color:  #008000; 

font-weight:  bold; 

text-decoration:  none; 

}



#mynik:hover {

font-weight:  bold; 

text-decoration:  underline; 

font-style:  italic; 

color:  #ff0000; 

}



#nik {

font-style:  italic; 

color:  #0000FF; 

text-decoration:  none; 

font-weight:  bold; 

}



#nik:hover {

text-decoration:  underline; 

font-weight:  bold; 

font-style:  italic; 

}



#linkanswer {

color:  #0033CC; 

text-decoration:  none; 

font-style:  italic; 

margin-left:  5; 

padding-right:  2; 

padding-left:  2; 

}



#linkanswer:hover {

text-decoration:  underline; 

color:  #00CC00; 

font-style:  italic; 

}



#linkedit {

padding-left:  2; 

text-decoration:  none; 

margin-left:  5; 

font-style:  italic; 

background-color:  D4D7D7; 

color:  #0033CC; 

padding-right:  2; 

}



#linkedit:hover {

text-decoration:  underline; 

color:  #ff0000; 

font-style:  italic; 

}



#linkdelete {

background-color:  D4D7D7; 

padding-right:  2; 

font-style:  italic; 

margin-left:  5; 

padding-left:  2; 

color:  #0033CC; 

text-decoration:  none; 

}



#linkdelete:hover {

text-decoration:  underline; 

color:  #ff0000; 

font-style:  italic; 

}



#linkmaster {

padding-left:  2; 

margin-left:  5; 

font-style:  italic; 

text-decoration:  none; 

color:  #000000; 

background-color:  D4D7D7; 

padding-right:  2; 

}



#linkmaster:hover {

font-style:  italic; 

color:  #ff0000; 

text-decoration:  underline; 

}



#linkblock {

font-weight:  bold; 

margin-left:  5; 

font-style:  italic; 

padding-right:  2; 

padding-left:  2; 

text-decoration:  none; 

background-color:  D4D7D7; 

color:  #666666; 

}



#linkblock:hover {

font-style:  italic; 

font-weight:  bold; 

text-decoration:  underline; 

color:  #ff0000; 

}



#counter a {

text-decoration:  none; 

font-style:  normal; 

color:  #0000FF; 

padding-right:  1; 

padding-left:  1; 

FONT-FAMILY:  Times, Serif; 

}



#counter a:hover {

font-weight:  bold; 

FONT-FAMILY:  Times, Serif; 

padding-left:  1; 

text-decoration:  underline; 

color:  #0000FF; 

padding-right:  1; 

font-style:  normal; 

}



#photo {

color:  #ff0000; 

}



.Grad {

overflow:  scroll; 

background-color:  #CCFFCC; 

filter:  progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#9DDFB8'); 

}



.white {

background-color:  white; 

}



.GreySq {

padding-bottom:  2; 

border-width:  1px 1px 1px 1px; 

border-color:  #ffffff #808080 #808080 #ffffff; 

background-color:  D4D7D7; 

border-style:  solid; 

}



.WhiteSq {

margin-right:  20; 

background-color:  #EDF9F2; 

margin-left:  20; 

}



.PinkSq {

background-color:  #FFCCCC; 

border-style:  solid; 

padding-bottom:  2; 

border-color:  #ffffff #808080 #808080 #ffffff; 

border-width:  1px 1px 1px 1px; 

}



.YellowSq {

border-style:  solid; 

padding-bottom:  2; 

border-width:  1px 1px 1px 1px; 

background-color:  #FFFF99; 

border-color:  #ffffff #808080 #808080 #ffffff; 

}



.BlackSq {

background-color:  #000000; 

color: #ffffff;

padding-bottom:  2; 

}



#showUrl {

color:  #ffffff; 

cursor:  hand; 

background-color:  #000000; 

}



.GreenSq {

background-color:  #CCFFCC; 

border-color:  #ffffff #808080 #808080 #ffffff; 

border-style:  solid; 

border-width:  1px 1px 1px 1px; 

padding-bottom:  2px; 
padding-left:  2px;

}