/* основной интерфейс */
body { font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 12px; }
div.Logo { float: left; }
div.Logo img { cursor: pointer; }
table.Content { width: 100%; clear: both; }
table.Content td.HeadBlocks { padding: 0 10px; height: 190px; }
table.Content td.LeftBlocks { width: 300px; height: 100%; padding: 0 10px; }
table.Content td.ContBlocks { width: 70%; height: 500px; padding: 0 10px; }

/* основной интерфейс компаний */
#camp table.Content { width: 100%; }
#camp table.Content td.HeadBlocks { padding: 0 10px; height: 30px; }
#camp table.Content td.HeadBlocks div { font-size: 12px; height: 25px; width: 100%; text-align: center; border-bottom: 1px solid #669999; color: #666666; }
#camp table.Content td.MenuBlock { height: 25px; padding: 0 20px; }
#camp table.Content td.MenuBlock div { width: 220px; font-size: 12px; text-align: center; float: left; padding: 2px; }
#camp table.Content td.MenuBlock div:hover { background-color: #5555FF; }
#camp table.Content td.MenuBlock div:hover a { color: #FFFFFF; }
#camp table.Content td.ContBlocks { width: 100%; height: 90%; padding: 0 10px; }
#camp table.Content td.ContBlocks table.camp { font-size: 12px; border: 1px solid #CCCCFF; }
#camp table.Content td.ContBlocks table.camp tr { border: 1px solid #3333FF; }
#camp table.Content td.ContBlocks table.camp tr.variant1 { background-color: #FFFFFF; }
#camp table.Content td.ContBlocks table.camp tr.variant2 { background-color: #EEEEFF; }
#camp table.Content td.ContBlocks table.camp tr.variant1:hover,
#camp table.Content td.ContBlocks table.camp tr.variant2:hover { background-color: #DDDDEE; }
#camp table.Content td.ContBlocks table.camp tr.title { background-color: #3366CC; color: #FFFFFF; text-align: center; }
#camp table.Content td.ContBlocks table.camp tr.title td { border: 1px solid #FFFFFF; }
#camp table.Content td.ContBlocks table.camp td { padding: 3px; border: 1px solid #3333FF; }
#camp table.Content td.ContBlocks table.camp td.action { border-left: hidden; border-right: hidden; }
#camp table.Content td.ContBlocks table.camp td.actionl { border-right: hidden; }
#camp table.Content td.ContBlocks table.camp td.actionr { border-left: hidden; }

table.qwerty { font-size: 12px; border: 1px solid #CCCCFF; }
table.qwerty tr { border: 1px solid #3333FF; background-color: #FFFFFF; }
table.qwerty tr.variant1 { background-color: #FFFFFF; }
table.qwerty tr.variant2 { background-color: #EEEEFF; }
table.qwerty tr, table.qwerty tr.variant1:hover, table.qwerty tr.variant2:hover { background-color: #DDDDEE; }
table.qwerty tr.title { background-color: #3366CC; color: #FFFFFF; text-align: center; }
table.qwerty tr.title td { border: 1px solid #FFFFFF; }
table.qwerty td { padding: 3px; border: 1px solid #3333FF; }
table.qwerty td.action { border-left: hidden; border-right: hidden; }
table.qwerty td.actionl { border-right: hidden; }
table.qwerty td.actionr { border-left: hidden; }

/* блоки с информацией */
.Block {  }
.Block div.Head { font-size: 12px; height: 40px; width: 100%; text-align: center; border-bottom: 1px solid #669999; color: #666666; }
.Block div.Body { font-size: 12px; height: 130px; width: 100%; padding-top: 5px; clear: both; text-align: left; }
/*div.Pol { width: 49%; float: left; }
div.Razdel { width: 1px; background-color: #0000FF; }*/
div.clip { border: 1px solid #DDDDDD; width: 240px; height: 192px; z-index: 0; position: relative; }


/* все что казасется выбора маршрутов */
div.rout { cursor: pointer; }
.RouteFiltr { width: 20px; height: 15px; border: 1px solid #669999; background-color: #EEEEEE; margin: 0 2px; padding: 1px 5px; }
table.RoutsLists { margin-top: 5px; width: 100%; height: 100px; background-color: #EEEEEE; }
table.RoutsLists td.rout { height: 80px; text-align: center; }
table.RoutsLists td.white { /*background-color: #FFFFFF;*/ }
table.RoutsLists tr.top td { height: 20px; border-top: 1px solid #669999; }
table.RoutsLists td.LeftBord { border-left: 1px solid #669999; }
/* для скролинга */
.Scroll { height: 12px; width: 21px; cursor: pointer; margin-right: 2px; }
.ScrollUp { background: transparent url(/pictures/prev-vertical4.gif) no-repeat 0 0; }
.ScrollDown { background: transparent url(/pictures/next-vertical4.gif) no-repeat 0 0; margin-bottom: 5px; }
/* для вертикальной */
.ScrollVertical { background-position: 0 0; }
.ScrollVertical:hover { background-position: 0 -12px; }
.ScrollVertical:active { background-position: 0 -24px; }

.ScrollRight { background: transparent url(/pictures/selall4.gif) no-repeat 0 0; margin: 20px -7px 0 0; height: 21px; width: 12px; cursor: pointer; background-position: 0 0; position: relative; }
.ScrollRight:hover { background-position: 0 -21px; }
.ScrollRight:active { background-position: 0 -42px; }


/* раздел с картой */
div.HelpLenta { width: 100%; height: 20px; text-align: center; background-color: #DDDDDD; color: #CC3333; margin-top: 5px; }
div.map { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }


/* заставка загрузки */
.preload { background-color: #FFFFFF; height: 100%; width: 100%; left: 0; top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; position: absolute; z-index: 50; }
.preload-black { background-color: #000000; height: 100%; width: 100%; left: 0; top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; z-index: 50; }

/* форма сохранения */
table.SaveForm { padding: 20px; background-color: #FFFFFF; }
table.SaveForm td div.strok { clear: both; width: 430px; height: 25px; }
table.SaveForm td div.title { float: left; width: 180px; }
table.SaveForm td div.input { float: left; width: 250px; }

/* для всплывающих подсказок */
.bubbleInfo { /*position: relative;*/ top: 0px; left: 0px; width: 100px; }
.trigger { /*position: absolute;*/ }
.popup { position: absolute; z-index: 50; border-collapse: collapse; top: 0px; left: 0px; /*font-size: .8em;*/ }
.popup td.corner { height: 15px; width: 19px; }
.popup td#topleft { background-image: url(/pictures/bubble/bubble-1.gif);  } 
.popup td.to_top { background-image: url(/pictures/bubble/bubble-2.gif); }
.popup td#topright { background-image: url(/pictures/bubble/bubble-3.gif); }
.popup td.to_left { background-image: url(/pictures/bubble/bubble-4.gif); }
.popup td.to_right { background-image: url(/pictures/bubble/bubble-5.gif); }
.popup td#bottomleft { background-image: url(/pictures/bubble/bubble-6.gif); }
.popup td.to_bottom { background-image: url(/pictures/bubble/bubble-7.gif); text-align: center; }
.popup td.to_bottom img { display: block; margin: -1px auto 0; }
.popup td#bottomright { background-image: url(/pictures/bubble/bubble-8.gif); }

/* таблица для данный столбцовых */
table.data { margin-right: 20px; }
table.data td { padding: 5px; font-weight: bold; text-align: left; }
table.data td span.mandatory { color: #FF0000; }

table#gsdfgs td { text-align: right; }
table#gsdfgs td.edit { text-align: left; }

.HelperTag { position: absolute; display: none; padding: 5px; border: #000000 solid 1px; background-color: #FFFFFF; z-index: 100; }

.list div { margin: 5px 0; }
.list div div.head { clear: both; float: left; width: 130px; }
.list div div.value { float: left; width: 170px; }

.DigitInMonths { font-size: 16px; margin-top: -3px; color: #FF0000; }
.CountMonthDigit { float: left; width: 25px; text-align: center; cursor: pointer; }

.HelpSearcher { background-color: #FFFFFF; width: 200px; border-left: 1px solid #000000; border-right: 1px solid #000000; position: relative; z-index: 100; }
.HelpSearcher div { height: 14px; padding: 8px; cursor: pointer; }
.HelpSearcher div:hover { background-color: #EEEEEE; }


/* Страницы брендов */
div.Brands { width: 100%; text-align: left; }

div.Brands div.Filter { width: 309px; float: left; text-align: left; border: 1px solid #DDDDDD; padding: 1px; }
div.Brands div.Filter div.Head { width: 303px; background-color: #0033CC; color: #FFFFFF; padding: 3px; text-align: center; font-weight: bold; }
div.Brands div.Filter div.Cont { padding: 3px 0 5px 7px; }
div.Brands div.Filter div.Cont div { height: 22px; float: left; }
div.Brands div.Filter div.Cont div.Title { width: 100px; clear: both; font-weight: bold; }
div.Brands div.Filter div.Cont div.Field { width: 200px; }
div.Brands div.Filter div.Cont div.Buttons { width: 300px; text-align: center; height: 25px; }

div.Brands div.Items { width: 100%; clear: both; padding-top: 30px; }
div.Brands div.Items table { width: 100%; font-size: 16px; }
div.Brands div.Items table td { padding: 1px 5px; }
div.Brands div.Items table td img { cursor: pointer; }
div.Brands div.Items table tr:hover { background-color: #DDDDDD; }
div.Brands div.Items table .Titles { height: 30px; background-color: #DDDDDD; text-align: center; font-size: 20px; font-weight: bold; }

div#BarndInfo { color: #000000; text-align: left; padding: 10px; width: 900px; background-color: #DDDDDD; border: 1px solid #777777; position: fixed; right: 100px; top: 100px; }
div#BarndInfo fieldset { min-height: 125px; }
div#BarndInfo div { float: left; }
div#BarndInfo div.Close { float: right; position: absolute; margin: -30px 0 0 900px; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 5px; cursor: pointer; }
div#BarndInfo div.Brand { width: 300px; }
div#BarndInfo div.TableTitle { text-align: center; font-weight: bold; margin-top: 20px; width: 100%; }
div#BarndInfo div.Field { overflow: hidden; height: 15px; padding: 2px 0; }
div#BarndInfo div.Field:hover { overflow: auto; height: auto; }
div#BarndInfo div.Brand div.Title { width: 70px; clear: both; font-weight: bold; padding: 2px 0; }
div#BarndInfo div.Brand div.Field { width: 205px; }
div#BarndInfo div.Client { width: 290px; margin: 0 5px 5px; }
div#BarndInfo div.Client div.Title { width: 120px; clear: both; font-weight: bold; padding: 2px 0; }
div#BarndInfo div.Client div.Field { width: 145px; }
div#BarndInfo div.Statuses { width: 300px; }
div#BarndInfo div.Statuses div.Title { width: 140px; clear: both; font-weight: bold; padding: 2px 0; }
div#BarndInfo div.Statuses div.Field { width: 135px; }
div#BarndInfo div.Actions { width: 900px; max-height: 400px; overflow: auto; }
div#BarndInfo div.Contracts { width: 900px; max-height: 150px; overflow: auto; }
div#BarndInfo table { width: 100%; }
div#BarndInfo table tr.Head { background-color: #0033CC; color: #FFFFFF; padding: 3px; text-align: center; font-weight: bold; }
div#BarndInfo table td { text-align: center; }

div#NewBrand { color: #000000; text-align: left; padding: 10px; width: 305px; background-color: #DDDDDD; border: 1px solid #777777; position: fixed; left: 100px; top: 100px; }
div#NewBrand div { float: left; margin-left: 15px; }
div#NewBrand div.Head { margin: 0; font-size: 20px; font-weight: bold; width: 100%; text-align: center; height: 40px; }
div#NewBrand div.Title { width: 70px; clear: both; font-weight: bold; padding: 2px 0; }
div#NewBrand div.Field, div#NewBrand div.Field input, div#NewBrand div.Field select { width: 200px; }
div#NewBrand div.Address { margin: 10px 0 0; width: 305px; clear: both; }
div#NewBrand div.Address div { margin: 0; }
div#NewBrand div.Address div.Title, div#NewBrand div.Address div.Field { clear: none; width: auto; }
div#NewBrand div.Address div.Title { padding-left: 2px; }
div#NewBrand div.Buttons { width: 100%; text-align: center; padding-top: 10px; margin: 0; }
div#NewBrand div.Buttons input { width: 70px; margin: 0 5px; }


/* отдельные элементы страницы */
input[type=text], input[type=password], select, textarea { font-size: 11px; border: 1px solid #808080; }
input[type=button] { cursor: pointer; }
label { cursor: pointer; }
fieldset { overflow: scroll; }
a { text-decoration: none; color: #0000FF; }
a:hover { color: #FF0000; }
a:active { color: #FF0000; }
img { border: 0 none; }


/* отдельные парамтры */
.w25 { width: 25px; }
.w50 { width: 50px; }
.w70 { width: 70px; }
.w85 { width: 85px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w205 { width: 205px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w300 { width: 300px; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w31p { width: 31%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.h25 { height: 25px; }
.h30 { height: 30px; }
.h50 { height: 50px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h130 { height: 130px; }
.h150 { height: 150px; }
.h170 { height: 170px; }
.h180 { height: 180px; }
.h190 { height: 190px; }
.h200 { height: 200px; }
.h210 { height: 210px; }
.h230 { height: 230px; }
.h250 { height: 250px; }
.h280 { height: 280px; }
.h320 { height: 320px; }

.h100p { height: 100%; }

.fllef { float: left; }
.flrig { float: right; }
.flnon { float: none; }

.clrb { clear: both; }
.clrr { clear: right; }

.cred { color: #CC3333; }
.cgrn { color: #00FF00; }
.cblu { color: #0000FF; }
.cgry { color: #666666; }
.cdrk { color: #333333; }

.txtcnt { text-align: center; }
.txtlef { text-align: left; }
.txtrig { text-align: right; }

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }

.fontbold { font-weight: bold; }

.nowrap { white-space: nowrap; }

.curpnt { cursor: pointer; }


/* новый стиль списков */
table.ContentList { margin-top: 50px; }
table.ContentList tr:hover { background-color: #EEEEFF; }
table.ContentList td { padding: 7px 10px; border-top: 1px solid #4444FF; }
table.ContentList tr.titles td { border: hidden; font-size: 16px; }
table.ContentList tr td.delete div { display: none; }
table.ContentList tr:hover td.delete div { display: block; }

/* новый стиль филтра */
div.filter { float: right; width: 300px; margin-bottom: 10px; position: absolute; top: 115px; right: 20px; }
div.filter div.view { width: 32px; height: 32px; float: right; margin: -16px 0 0 250px; position: absolute; cursor: pointer; }
div.filter div.block { background-image: url(/pictures/filter/filter_show.gif); }
div.filter div.none { background-image: url(/pictures/filter/filter_hide.gif); }
div.filter div.head { cursor: pointer; text-align: center; font-size: 14px; width: 300px; height: 20px; }
div.filter div.head div.left { background-image: url(/pictures/filter/up-left.gif); width: 20px; height: 20px; float: left; }
div.filter div.head div.right { background-image: url(/pictures/filter/up-right.gif); width: 20px; height: 20px; float: left }
div.filter div.head div.center { background-image: url(/pictures/filter/up.gif); width: 260px; height: 17px; float: left; padding-top: 3px; }
div.filter div.content { border-left: 1px solid #4444FF; border-right: 1px solid #4444FF; width: 258px; padding: 10px 20px 0; text-align: left; background-color: #FFFFFF; }
div.filter div.content div.title { width: 100px; clear: both; float: left; padding: 2px 0; }
div.filter div.content div.field { width: 158px; float: left; padding: 2px 0; }
div.filter div.both { width: 300px; height: 20px; }
div.filter div.both div.left { background-image: url(/pictures/filter/down-left.gif); width: 20px; height: 20px; float: left; }
div.filter div.both div.right { background-image: url(/pictures/filter/down-right.gif); width: 20px; height: 20px; float: left; }
div.filter div.both div.center { background-image: url(/pictures/filter/down.gif); width: 260px; height: 20px; float: left; }

/* стили для страницы создания полной рекламной компании */
form#new_campaign { width: 100%; margin-bottom: 50px; text-align: left; }
div.CampaignData { width: 380px; height: 160px; float: left; }
div.CampaignData div.Title { width: 150px; float: left; clear: both; margin: 2px 0; }
div.CampaignData div.Field { width: 200px; float: left; margin: 2px 0; }
div#Ruler { width: 100%; height: 70px; }
div.Week { border-left: 1px solid #FFFFFF; border-top: 0; border-right: 1px solid #FFFFFF; height: 5px; float: left; }
div#Ruler div.Week { border-left: 1px solid #000000; border-top: 2px solid #000000; border-right: 1px solid #000000; height: 5px; float: left; }

/* кнопка добавить рр */
div.AddAds { width: 200px; cursor: pointer; }
div.AddAds div.head { text-align: center; font-size: 14px; width: 200px; height: 20px; }
div.AddAds div.head div.left { background-image: url(/pictures/filter/up-left.gif); width: 20px; height: 20px; float: left; }
div.AddAds div.head div.right { background-image: url(/pictures/filter/up-right.gif); width: 20px; height: 20px; float: left }
div.AddAds div.head div.center { background-image: url(/pictures/filter/up.gif); width: 160px; height: 17px; float: left; padding-top: 3px; }
div.AddAds div.content { border-left: 1px solid #4444FF; border-right: 1px solid #4444FF; width: 158px; padding: 0 20px; text-align: center; background-color: #FFFFFF; font-size: 15px; font-weight: bold; }
div.AddAds div.both { width: 200px; height: 20px; }
div.AddAds div.both div.left { background-image: url(/pictures/filter/down-left.gif); width: 20px; height: 20px; float: left; }
div.AddAds div.both div.right { background-image: url(/pictures/filter/down-right.gif); width: 20px; height: 20px; float: left; }
div.AddAds div.both div.center { background-image: url(/pictures/filter/down.gif); width: 160px; height: 20px; float: left; }

/* данные типо цена ндс и т.д. */
td.Calculation { font-size: 15px; font-weight: bold; color: #000000; padding-left: 30px; }
td.Calculation div.Block { width: 270px; float: left; padding: 0 10px; }
td.Calculation div.Block div.Title { width: 100px; float: left; clear: both; margin: 4px 0; }
td.Calculation div.Block div.Field { width: 150px; float: left; margin: 4px 0; font-size: 17px; color: #FF0000; }

/* рекламный ролик */
#AdsHead div.AdsHead { width: 100%; height: 35px; text-align: left; padding-top: 12px; }
#AdsHead div.AdsHead img { width: 100%; height: 30px; text-align: right; cursor: pointer; width: 16px; height: 16px; padding: 0 10px; }
#AdsHead div.AdsHead select { margin-left: 5px; }

#AdsBody div.AdsBody { width: 100%; height: 45px; padding-top: 2px; }
#AdsBody div.AdsBody img { width: 100%; height: 30px; text-align: right; cursor: pointer; width: 16px; height: 16px; }
#AdsBody div.AdsBody div.Week { height: 10px; border: 1px solid #999999; margin: 0 1px; float: left; cursor: pointer; background-image: url(/pictures/backweekwhite.png); }
#AdsBody div.AdsBody div.Week:hover { height: 10px; border: 1px solid #CCCCCC; background-image: url(/pictures/backweek.png); margin: 0 1px; float: left; cursor: pointer; }
#AdsBody div.AdsBody div.SelectWeek { height: 10px; border: 1px solid #00BB00; margin: 0 1px; float: left; background-image: url(/pictures/backweekgreen.png); }
#AdsBody div.AdsBody div.WaitWeek { height: 10px; border: 1px solid #0055CC; margin: 0 1px; background-image: url(/pictures/backweekblue.png); float: left; cursor: pointer; }
#AdsBody div.AdsBody div.Attention { width: 20px; height: 20px; margin-top: -25px; background-image: url(/pictures/attention.gif); position: absolute; }

#AdsBody div.AdsBody div.OptionAddedAds { height: 30px; margin-top: -20px; position: absolute; z-index: 20; }
#AdsBody div.AdsBody div.OptionAddedAds img { display: none; }
#AdsBody div.AdsBody div.OptionAddedAds:hover img { display: inline; }
#AdsBody div.NoSee div.OptionAddedAds select, #AdsBody div.NoSee div.OptionAddedAds span { width: 38px; display: none; }
#AdsBody div.NoSee div.OptionAddedAds:hover select, #AdsBody div.See div.OptionAddedAds select, #AdsBody div.NoSee div.OptionAddedAds:hover span, #AdsBody div.See div.OptionAddedAds span { width: 38px; display: inline; }