/* CSS Document */
*{font-family:Arial; /*font-size:11px;*/ color:#333}
html{height:100%}
body{background:#cccccc; margin:0; font-size:11px;}
a{text-decoration:none;}
a.selected{color:#0099FF}

#main{width:1010px; margin:auto; padding:0; border: #006633 0px solid;}

#globalMenuBlock{position:relative; float:left; width:105px; border:#33CCCC 0px dashed; top:170px  }
.globalMenuItemUnSelected{position:relative; background:url(../images/tpl/global_menu_unselected.png) no-repeat;  height:105px; padding-top:10px; text-align:center; }
.globalMenuItemSelected{position:relative; background:url(../images/tpl/global_menu_selected.png) no-repeat;  height:105px; padding-top:10px; text-align:center; z-index:4}
#globalMenuBlock a span{font-size:18px}
#globalMenuBlock .globalMenuItemSelected a span{color:#0099FF}

#mainBlock{position:relative; float:left;/* background:#cccccc*/}

#topBanner{position:relative; width:880px; height:120px; background:#cccccc}

#block700, 
#block900{position:relative; float:left; top:-6px; left:-9px;  border: #336666 0px dashed} 
#block700-2{position:relative; float:left; top:-11px; left:-9px;  border: #336666 0px dashed}

#block700 div.borderTop700, 
#block700-2 div.borderTop700{position:relative; width:700px; height:20px; background:url(../images/tpl/border_top_700.png) top no-repeat;}

#block700 div.content700, 
#block700-2 div.content700{position:relative; width:700px; background:url(../images/tpl/bg_700.png) left repeat-y; border:#00CCFF 0px dashed}

#block700 div.content700{height:460px;}
#block700-2 div.content700{text-align:center}

/*#block700 div.content700 .content{position:relative; margin:0 20px 0 20px; background:#fff }*/
#block700 div.content700 .content{margin:0 20px 0 20px; background:#fff }

#block700-2 div.content700 .threeColomn{position:relative; margin:0 20px 0 20px; background:#0f0 }
#block700-2 div.content700 .threeColomn div{position:relative; float:left; width:33%; text-align:center; padding:5px 0 5px 0}
#block700-2 div.content700 .threeColomn div.colomn{position:relative; float:left; width:170px; text-align:left; padding:5px 0 5px 0;}
#block700-2 div.content700 .threeColomn div.colomn span.header3{margin:3px 0 0 0; color:#0099FF }
#block700-2 div.content700 .threeColomn div.selector{position:relative; float:left; width:74px; padding:0; margin:20px 0 0 0}
#block700-2 div.content700 .threeColomn div.selector img{ width:2px}
#block700-2 div.content700 .threeColomn div.selector div.vertSelector{width:1px; margin-left:37px; border:0px; border-right:#cccccc 1px solid;}
#block700-2 div.content700 .threeColomn hr{margin:0}

#block700 div.borderBottom700, 
#block700-2 div.borderBottom700{position:relative; width:700px; height:20px; background:url(../images/tpl/border_bottom_700.png) bottom no-repeat;}

#block210{position:relative; float:left; left:-19px; top:-6px; border:#336666 0px dashed}
#block210-2{position:relative; float:left; left:-19px; top:-11px; border:#336666 0px dashed}

#block210 div.borderTop210, 
#block210-2 div.borderTop210{position:relative; width:204px; height:20px; background:url(../images/tpl/border_top_204.png) top no-repeat;}

#block210 div.content210{position:relative; width:204px; height:460px; background:url(../images/tpl/bg_204.png) left repeat-y;} 
#block210-2 div.content210{position:relative; width:204px; background:url(../images/tpl/bg_204.png) left repeat-y;}

#block210 div.content210 .content, 
#block210-2 div.content210 .content{position:relative; margin:0 15px 0 15px; background:#fff; text-align:center }

#block210 div.borderBottom210, 
#block210-2 div.borderBottom210{position:relative; border:#00FF66 1px none; width:204px; height:20px; background:url(../images/tpl/border_bottom_204.png) bottom no-repeat;}

hr{color:#ccc; background:#CCCCCC; border:#CCCCCC; height:1px;}
hr.size660{margin:auto; clear:both; position:relative; width:660px; text-align:center; height:1px;}

/*	панель навигации	*/
div.leftDiv{position:relative; float:left; width:80%; text-align:left;}
div.rightDiv{position:relative; float:left; width:20%; text-align:right;}

div.leftDiv a{color:#fff}
span.buttonSelected{display:block; font-size:12px; position:relative; float:left; height:16px; width:16px; padding-left:0px; background:url(../images/tpl/button_selected.gif) no-repeat left top #0099FF; margin:0 2px 0 2px; text-align:center}
span.buttonUnSelected{display:block; font-size:12px; position:relative; float:left; height:16px; width:16px; padding-left:0px; background:url(../images/tpl/button_unselected.gif) no-repeat left top #000000; margin:0 2px 0 2px; text-align:center}
span.arrowButton{display:block; position:relative; float:left; height:15px; width:16px; margin:0 2px 0 2px; text-align:center}
span.buttonSelected a,
span.buttonUnSelected a{color:#FFFFFF; display:block; width:16px; height:16px; text-align:center; padding:0 0 0 0; border:#FF0000 0px solid}

/*	jquery вкладки 	*/

#favoritnews .ui-tabs-hide{display:none;}
#favoritnews li a{font-size:11px; color:#FFFFFF}

#favoritnews .ui-tabs-nav{margin:13px 0 0 0; padding:0; list-style:none; zoom:1; border:#00FF00 solid 0px;}

#favoritnews .ui-tabs-nav li{padding:0px; margin:0 2px 0 2px; float:left; list-style:none; display:block; height:16px; width:16px; border:#00CC99 0px solid}
#favoritnews .ui-tabs-nav a{color:#fff; display:block; font-size:12px; height:16px; width:16px; padding-left:0px;  text-align:center; background: url(/images/tpl/button_unselected.gif) no-repeat left top #000000; border:#FF0000 0px solid}

#favoritnews .ui-tabs-selected li{padding:0px; margin:0 2px 0 2px; padding-left:0px; float:left; list-style:none;  display:block;  background:#fff; height:16px; width:16px;}
#favoritnews .ui-tabs-selected a {display:block; text-align:center; font-size:12px;  height:16px; width:16px; padding-left:0px;  background: url(/images/tpl/button_selected.gif) no-repeat left top  #0099FF; }
/*	/jquery вкладки 	*/
#favoritnews hr{margin:10px 0 0 0; padding:0}
#favoritnews ul{position:relative; float:left; width:50%;}

#favoritnews div.moreDiv{text-align:right; float:left; width:50%; margin-top:13px}

div.rightDiv a, 
span.rightLink a{color:#0099FF}
span.rightLink{display:block; text-align:right; margin:10px 0 0 0}
#moreLink{color:#0099FF}

/*	/панель навигации	*/

/*	левое меню	*/
#rightMenu{margin:0; padding:0; list-style:none}
#rightMenu li.rightMenuUnSelected{display:block; text-align:center; height:40px; width:178px; border:#00CC00 0px solid; margin:0 0 0 15px; padding:0; background:url(../images/tpl/left_menu_unselected.gif)}
#rightMenu li.rightMenuSelected{display:block; text-align:center; height:40px; width:178px; border:#00CC00 0px solid; margin:0 0 0 15px; padding:0; background:url(../images/tpl/left_menu_selected.gif)}
#rightMenu li.rightMenuUnSelected a span, 
#rightMenu li.rightMenuSelected a span{color:#FFFFFF; font-size:14px; margin-top:10px}
/*	/левое меню	*/

/*	шаблон страницы	*/
#block900 div.borderTop900{position:relative; width:900px; height:20px; background:url(../images/tpl/border_top_900.png) top no-repeat;}
#block900 div.content900{position:relative; width:900px; background:url(../images/tpl/bg_900.png) left repeat-y; border:#00CCFF 0px dashed}
#block900 div.content900 .content{position:relative; margin:0 20px 0 20px; background:#fff; border:#009933 0px solid}
#block900 div.borderBottom900{position:relative; width:900px; height:20px; background:url(../images/tpl/border_bottom_900.png) bottom no-repeat;}

span.header, a.header{display:block; position:relative; border:#FFFF00 0px solid; font-size:18px}
span.header3{display:block; position:relative; border:#FFFF00 0px solid; margin:0 0 3px 2px; /*font-size:14px;*/ font-size:10px; text-align:left; }
span.header2{display:block; position:relative; border:#FFFF00 0px solid; margin:0 0 3px 2px; /*font-size:14px;*/ font-size:14px; text-align:left}

#pageMenu{margin:0; padding:0; height:20px }
#pageMenu li{float: left; list-style: none; }
#block900 span.header, 
#block900 span.header a, 
#pageMenu li a{font-size:14px; font-weight:bold; color:#999}
#block900 span.header a.selected, 
#pageMenu li a.selected{color:#0099FF}

#pageList {margin:0 0 0 0}
#pageList div.leftDiv a{color:#999; padding:0 2px 0 2px}
#pageList div.leftDiv a:hover{background:#EBEBEB; }
#pageList div.leftDiv a.selected{color:#0099FF}
#pageList hr{margin:5px 0 0 0 }

#news .leftDiv{font-size:14px}
#video .leftDiv{font-size:18px; font-weight:bold}

a.ipod, span.ipod{font-size:20px; padding:0 10px 0 10px}

div.newsItem{margin:10px 0 0 0;}
.open{color:#0099FF;}
.newsPreview, 
.open{cursor:pointer}

div.rightDiv a.openAll{color:#999; cursor:pointer; margin:0}
div.fullText{display:none;}

/*#contentBlock{height:100px;}*/

/*~~~~~~~~~~~ команда ~~~~~~~~~~~~~~~~*/
#commandMenu{color:#999; font-size:14px}
#commandMenu a{color:#999; font-size:14px}
#commandMenu a.selected{color:#0099FF; font-size:14px}
div.borderTop860{background:url(../images/tpl/border_top_860.gif) no-repeat bottom left; width:860px; height:13px; margin:5px 0 0 0}
div.borderBottom860{background:url(../images/tpl/border_bottom_860.gif) no-repeat top left; width:860px; height:13px; margin:0 0  10px 0}
div.content860{text-align:center; margin:0; width:858px; border-top:0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
div.photo, div.video{float:left; color:#666; font-size:14px;width:65px; font-weight:bold}
/*~~~~~~~~~~~ //команда ~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~ член команды ~~~~~~~~~~~~~*/
#memberInfo{margin:10px 0 0 0}
#memberInfo div.aboutMember{position:relative; float:left; width:495px}
#memberInfo div.aboutMember span.memberName{color:#0099FF; font-size:14px}
#memberInfo div.aboutMember div.memberText{margin:20px 0 0 0; padding:0 10px 0 0}
#memberInfo div.bikecheck{position:relative; float:left; width:365px}
#memberInfo div.borderTop365{position:relative; background:url(../images/tpl/border_top_365.gif) no-repeat bottom left; width:365px; height:11px}
#memberInfo div.borderBottom365{position:relative; background:url(../images/tpl/border_bottom_365.gif) no-repeat top left; width:365px; height:11px}
#memberInfo div.content365{position:relative; width:343px; padding:0 10px 0 10px;  border-left:1px solid #ccc; border-right:1px solid #ccc;}
#memberInfo div.content365 div.title{position:relative; float:left; width:64%; text-align:left; color:#666; font-size:14px; font-weight:bold}
#memberInfo div.content365 div.list{position:relative; float:left; width:36%; text-align:right}
#memberInfo div.content365 div.bikeInfo{position:relative; padding:0; margin:0}
#memberInfo ul{margin:10px 0 0 0; padding:0; list-style:none}
/*~~~~~~~~~~//член команды ~~~~~~~~~~~~~*/

/*~~~~~~~~~~ обои ~~~~~~~~~~~~~*/
#wpLogo{margin:20px 0 0 0}
#wpLogo div.logoItem{position:relative; float:left; text-align:center; width:107px;}
#wpList div.wpItem{position:relative; float:left; text-align:center;  }
#wpList .imgleft{margin:20px 16px 0 0; width:187px}
#wpList .imgcenter{margin:20px 16px 0 16px; width:187px}
#wpList .imgright{margin:20px 0 0 16px; width:187px}
#wpList span{display:block; position:relative; margin:20px 0 10px 0; width:187px; border:0px solid #FF0000}
.blue{color:#0099ff}
/*~~~~~~~~~~ //обои ~~~~~~~~~~~~~*/

/*~~~~~~~~~~ превью ~~~~~~~~~~~~~*/
#previewList div.previewItem{position:relative; float:left; text-align:center; }
#previewList .imgleft{margin:20px 30px 0 0;  width:170px}
#previewList .imgcenter{margin:20px 30px 0 30px;   width:170px}
#previewList .imgright{margin:20px 0 0 30px;   width:170px}
#previewList span{display:block; position:relative; margin:10px 0 0 0; height:50px; width:170px; border:0px solid #FF0000}
/*~~~~~~~~~~ //превью ~~~~~~~~~~~~~*/

/*~~~~~~~~~~ просмотр фото ~~~~~~~~~~~~~*/
#photoItem .photoItemTitle{font-size:12px; }
#photoItem p{line-height:20px}
/*~~~~~~~~~~ //просмотр фото ~~~~~~~~~~~~~*/

/*~~~~~~~~~~ техподдержка ~~~~~~~~~~~~~*/
#support div{position:relative; float:left; width:30%}
#support td.head{font-size:14px; font-weight:bold; line-height:2em}
#support td a{font-size:14px;}
#support td a.selected{font-size:11px;}
/*~~~~~~~~~~ //техподдержка ~~~~~~~~~~~~~*/

/*~~~~~~~~~~ отправить сообщение ~~~~~~~~~~~~~*/
#formMsg div{margin:20px 0 0 0}
#formMsg span{display:block; float:left; width:150px; border:#00FF33 0px dashed;}
#formMsg input, #formMsg textarea{border:1px solid #6699cc;}
#formMsg input{width:150px}
#formMsg input.submit{width:auto}
#formMsg textarea{width:400px; height:200px}
span.resTrue{color:#009933; font-size:1.5em}
span.resFalse{color:#f00; font-size:1.5em}
/*~~~~~~~~~~ //отправить сообщение ~~~~~~~~~~~~~*/


/*	/шаблон страницы	*/

#copyright{clear:both; position:relative; top:-5px; margin-right:20px; /*margin-left:100px;*/ margin-left:0; color:#FFFFFF; text-align:left}
span.selectorMenuPage{font-size:15px; color:#999999}

