/* vychozi barva cele stranky */
body {
  background-color:"#ffffff";
}

/* celkova sirka stranky */
.mainwidth {
  width:1024px;
}

/* celkova vyska stranky */
.mainheight {
  height:572px;
}

/* velikost casti kde je umistene logo afm */
.toppartheight {
  height:113px;
}

/* velikost casti kde je umistene menu a obsah stranky */
.centerpartheight {
  height:420px;
  _height:422px;
}

/* velikost casti kde je umisten copyright */
.bottompartheight {
  height:20px;
}

/* definice sirky oblasti, kde je umistene menu */
.leftmenuwidth {
  width:240px;
}

/* definice sirky obsahu stranky, ktery je napravo od menu */
.maincontentwidth {
  width:765px;
  _width:770px;
}

/* obecna trida slouzici pro nastavovani zarovnani na stred */
.acenter {
  text-align:center;
}

/* obecna trida slouzici pro nastavovani zarovnani na vlevo */
.aleft {
  text-align:left;
}

/* obecna trida slouzici pro nastavovani zarovnani na vpravo */
.aright {
  text-align:right;
}

/* obecna trida slouzici pro nastavovani zarovnani na horu */
.vatop {
  vertical-align:top;
}

/* obecna trida slouzici pro nastavovani zarovnani na vespod */
.vabottom {
  vertical-align:bottom;
}


/* vlastnosti hlavni tabulky */
#maintable {
  border:0px solid #000000;
  margin: auto;
  margin-top:35px; 
}

/* vlastnosti hlavniho divu, ve kterem je pak hlavni tabulka */
#maindiv {
  width:1140px;
  height:620px;
}

/* vlastnosti bunky ve ktere je umistene logo vpravo nahore */
#toprightlogocell {
  text-align:right;
  padding-right:57px;
  border:0px solid #000000;
}

#toprightlogocell img {
  position:relative;
  top:3px;
}

/* vlastnosti bunky ve ktere je umistena prihlasovaci tabulka nahore u loga*/
#logincell {
  text-align:left;
  vertical-align:top;
}

/* vlastnosti odkazu intro / skip intro na uvodni strance afm */
#logincell .introskipintro {
  font-size:150%;
}

/* vlastnosti tabulky, kde je umisteny prihlasovaci dialog */
#logintable {
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
	color:#8f9297;
  border:1px solid #FFBFD0;
  width:200px;
}

/* vlastnosti inputu v tabulce, ve ktere je umisteny prihlasovaci dialog */
#logintable input {
  border:1px solid #8f9297;
}

/* nastaveni vzhledu tlacitka login a logout v tabulce, kde je umisten prihlasovaci dialog*/
#logintable input.button {
  border:1px solid #8f9297;
  height:44px;
  background-color: #8f9297;
  color:#ffffff;
  font-weight:bold;
}

/* vlastnosti bunek uvnitr tabulky kde je formular s pro prihlaseni uzivatele */
#logintable td {
  padding:2px;
  border:0px solid #000000;
}



/***************************FORMATOVANI HLAVNIHO OBSAHU STRANKY*********/
#centerpartcell {
  border:1px solid #3f5dff;
}

#centerparttable {
  position:relative;
}

/* vlastnosti bunky obsahujici samotny obsah stranky */
#maincontentcell {
  padding:0px 0px 0px 10px;
}

/* vlastnosti divu obsahujici samotny obsah stranky */
#maincontentdiv {
  overflow:auto;
  text-align:left;
  font-family: Verdana;
  border:0px solid #000000;
  padding-top:20px;
}

/* vlastnosti odstavce v divu obsahujici samotny obsah stranky */
#maincontentdiv p {
  text-align:left;
  font-family: Verdana;
  font-size:12px;
}

/* vlastnosti nadpisu typu h4 v samotnym obsahu stranky */
#maincontentdiv h4 {
  text-align:left;
  font-family: Verdana;
  font-size:150%;
}

/* vlastnosti nadpisu typu h5 v samotnym obsahu stranky */
#maincontentdiv h5 {
  text-align:left;
  font-family: Verdana;
  font-size:120%;
}

/* vlastnosti obrazku v odstavci ktery je v divu obsahujici samotny obsah stranky */
#maincontentdiv img {
  border:0px;
}
/* vlastnosti odkazu ktery je v divu obsahujici samotny obsah stranky */
#maincontentdiv a,a:hover,a:link,a:visited {
  text-decoration:underline;
  color:#3f5dff;
  font-family: Verdana;
  font-size:12px;
  font-weight:normal;
}

/* vlastnosti ul ktery je v divu obsahujici samotny obsah stranky */
#maincontentdiv ul,ol,div {
  color:#000000;
  font-family: Verdana;
  font-size:12px;
  font-weight:normal;
}

/* definice vlastni tridy, kterou pouzivam pro zformatovani zacatku odstavce
 * v PT*/
#maincontentdiv .label1 {
  font-weight:bold;
}

/* definice vlastni tridy, kterou pouzivam pro zformatovani nadpisu ST a MSG*/
#maincontentdiv .label2 {
  font-weight:bold;
  font-size:13px;
}

/************************************FORMATOVANI COPYRIGHTU**********************/

/* vlastnosti tabulky obsahujici copyright na spodku stranky */
#tablecopyright {
  width:100%;
  text-align:left;
}
/* vlastnosti bunek uvnitr tabulky obsahujici copyright na spodku stranky */
#tablecopyright td,#tablecopyright a,#tablecopyright a:hover,#tablecopyright a:link,#tablecopyright a:visited {
  font-family:Verdana;
  font-size:9px;
 	text-decoration:none;
  font-weight:bold;
  color:#9F9F9F;
  display:inline;
}

/* tato trida je urcena pro prirazeni nejakemu tagu div ktery udela vodorovnou carkovanou caru */
.dashedline {
  width:100%;
  display:block;
  border-bottom:1px dashed #000000;
}

/*******************************STYLOVANI PRO REGISTRACNI FORMULAR****************************/

/* vlastnosti inputu uvnitr registracniho formulare */
#registrationform input {
  border:1px solid #000000;
}

/* vlastnosti inputu radio uvnitr registracniho formulare */
#registrationform input.radio {
  border:0px;
}

/* vlastnosti inputu checkbox uvnitr registracniho formulare */
#registrationform input.checkbox {
  border:0px;
}

/* vlastnosti inputu submit uvnitr registracniho formulare */
#registrationform input.submit {
  font-weight:bold;
}

/* vlastnosti tabulky umistene na registracnim fomulari */
#registrationtable {
  color:#000000;
  font-family: Verdana;
  font-size:12px;
  font-weight:normal;
}

/* vlastnosti bunky s nadpisem skupiny poli v tabulce na registracnim formulari */
#registrationtable th {
  border-bottom:1px solid #000000;
  text-align:left;
  padding-top:20px;
}

/* vlastnosti vsech bunek v tabulce na registracnim formulari */
#registrationtable td {
  width:50%;
  padding:5px 0px 0px 0px;
}

/* vlastnosti bunek v tabulce na registracnim formulari
 * ktere jsou vzdy ve skupine prvni*/
#registrationtable .firstgroupcell {
  padding-top:15px;
}

/* trida slouzici pro nastaveni vlastnosti bunky, ktera obsahuje nutne udaje */
.requiedfield {
  color:#2445FF;
}


/*******************************STYLOVANI PRO BOOKING - CELKOVY POHLED NA KALENDAR****************************/

/* vlastnosti tabulky, ktera obsahuje cely kalendar v bookingu */
#maincallendartable {
  margin-left:40px;
}

/* vlastnosti radku, ktery obsahuje nazvy dnu v kalendari */
#daystable th {
  padding:2px 2px 6px 2px;
}

/* Nastaveni vzhledu divu, ve kterym je uzavreny text nazvu dne v kalednari */
#daystable .divdayname  {
  height:20px;
  color:#ffffff;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  background-color:#8f9297;
  text-align:center;
}

/* Nastaveni vzhledu bunek v kalendari, ve kterych jsou umisteny tlacitka s cisly dnu*/
#daystable td {
  border:0px solid #000000;
  padding:3px 4px 3px 3px;
}

/* Nastaveni vzhledu tlacitek, v kalendari, ve kterych se vypisuji dny */
#daystable input {
  width:68px;
  height:37px;
  font-family: Verdana;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  cursor:Pointer;
  position:relative;
  z-index:25;
}

/* Nastaveni vzhledu tlacitek ktere jsou zobrazovany za tlacitky dnu v kalendari
 * tyto tlacitka predstavuji jednotlive udalosti v tom dnu */
#daystable .eventinput {
  width:66px;
  height:35px;
  background-color:#ffffff;
  position:absolute;
  font-family: Verdana;
  font-size:8px;
  font-weight:bold;
  text-align:left;
  cursor:Pointer;
  padding:0px;
}

/* trida ktera je prirazena tabulkam zobrazujici aktualni rok nebo mesic */
.yearmonthtables {
  width:146px;
  height:20px;
  background-color:#8f9297;
  color:#ffffff;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  border:0px solid #000000;
  margin-top:2px;
  text-align:center;
}

/* nastaveni vlastnosti tlacitkum uvnitr tabulek ve kterych je zobrazen rok nebo mesic */
.yearmonthtables input {
  width:9px;
  border:0px;
  color:#8f9297;
  background-color:#8f9297;
  cursor:Pointer;
}

/* trida, ktera je prirazena tlacitkum, kteryma se posouva rok nebo mesic doleva */
.yearmonthtables .leftarrow {
  background-image: url("../images/bookingleftarrow.jpg");
  background-repeat:no-repeat;
  background-position:0px 0px;
  margin-left:2px;
}

/* trida, ktera je prirazena tlacitkum, kteryma se posouva rok nebo mesic doprava */
.yearmonthtables .rightarrow {
  background-image: url("../images/bookingrightarrow.jpg");
  background-repeat:no-repeat;
  background-position:0px 0px;
  margin-right:2px;
}

.divsessioninformation {
  float:left;
  margin-left:40px;
  border:0px solid #000000;
  width:240px;
  height:115px;
  overflow:auto;
}

/****************************STYLOVANI PRO BOOKING - POHLED NA JEDEN VYBRANY DEN************************/

/* tady se nastavuji vlastnosti hlavni tabulky v prehledu dne */
#maintabledayview {
  width:715px;
}

/* tady se nastavuji vlastnosti pri tabulku ve ktere jsou zobrazeny hodiny v dennim nahledu */
#hourtable {
  width:100%;
  padding-right:1px;
}

/* Trida, ktera je nastavena bunkam, ve kterych jsou jednotlive hodiny v prehledu dne */
#hourtable .onehourcell {
  width:50%;
  padding:1px 2px 1px 2px;
  height:20px;
}

/* tady se nastavuje div, ve kterym je cely obsah jedne hodiny v dennim nahledu v kalendari */
#hourtable .onehourdiv {
  border:1px solid #0084FF;
  height:20px;
  float:left;
  width:100%;
  color:#000000;
  font-family: Verdana;
  font-size:13px;
  font-weight:normal;
  vertical-align:middle;
  text-decoration:none;
}

/* tady se nastavuje jak ma vypadat odkaz ktery je umisteny v bunce, ktera predstavuje jednu hodinu*/
#hourtable .onehourdiv a {
  display:block;
  height:20px;
  width:100%;
  color:#000000;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  vertical-align:middle;
  text-decoration:none;
}


/* tady se nastavuje jak ma vypadat zobrazeni hodiny ve vypisu hodin v dennim nahledu v kalendari */
#hourtable .hourspan {
  background-color:#0084FF;
  color:#ffffff;
  height:20px;
  display:block;
  width:50px;
  text-align:center;
  float:left;
  text-decoration:none;
  font-size:14px;
}

/* tady se nastavuje vzhled tlacitka pro navrat do prehledu celeho kalendare */
#maintabledayview .submitbutton {
  border:0px;
  margin-top:20px;
  height:20px;
  color:#ffffff;
  background-color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  width:150px;
  cursor:pointer;
}


/****************************STYLOVANI PRO BOOKING - ZANECHANI ZPRAVY TRENEROVI************************/

/* tady se nastavuje vzhled tabulce, ktera je umistena ve formulari pro zanechani zpravy trenerovi*/
#maintablebookingform {
  width:713px;
  color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
}

/* nastaveni vlastnosti bunkam v tabulce, ktera slouzi pro formatovani vzhledu pro zanechani zpravy trenerovi*/
#maintablebookingform th,#maintablebookingform td {
  padding-top:2px;
}

.cellcaptionsessionfor {
  color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  padding-right:2px;
}

#maintablebookingform #cellcaptioniwontstart {
  text-align:left;
  color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  width:150px;
  padding-right:2px;
}

/* formatovani komponenty select v bookingovem formulari pro zanechani zpravy trenerovi*/
#maintablebookingform select {
  width:65px;
  _width:64px;
  border:0px;
  background-color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  color:#ffffff;
}

/* nastaveni vzhledu textoveho okenka pro psani zpravy trenerovi */
#maintablebookingform textarea {
  border:2px solid #C9F4BF;
  scrollbar-base-color:#8f9297;
  scrollbar-track-color:#C2C3C7;
  scrollbar-face-color:#8f9297;
  scrollbar-highlight-color:#8f9297;
  scrollbar-3dlight-color:#8f9297;
  scrollbar-darkshadow-color:#8f9297;
  scrollbar-shadow-color:#8f9297;
  scrollbar-arrow-color:#ffffff;
}

/* nastaveni vzhledu odesilaciho tlacitka ve formulari pro zanechani zpravy trenerovi*/
#maintablebookingform .submitbutton {
  border:0px;
  background-color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  color:#ffffff;
  width:148px;
  cursor:pointer;
}

/**************************STYLOVANI PRO BOOKING - VYSLEDNA ZPRAVA PO ZABUKOVANI*********************/

#bookingdetailstable {
  width:70%;
  margin-top:120px;
  border:0px solid #000000;
}

#bookingdetailstable th {
  text-align:left;
  color:#6F7376;
  font-size:120%;
}

#bookingdetailstable td {
  color:#FFAC42;
  font-family: Verdana;
  font-size:25px;
  font-weight:normal;
}

#bookingdetailsdiv {
  color:#8F9297;
  font-size:12px;
}

#bookingdetailsform {
  text-align:right;
}

#bookingdetailsform .submitbutton{
  border:0px;
  background-color:#8f9297;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  color:#ffffff;
  width:120px;
  cursor:pointer;
}

/**************************STYLOVANI PRO LOCATION AND PRIZES*********************/

#tablegyms {
  width:675px;
  border:0px solid #000000;
  margin-left:36px;
  margin-right:36px;
  margin-top:20px;
}

#tablegyms td {
  width:100%;
}

#tablegyms td,#tablegyms th {
  padding-top:2px;
  padding-bottom:2px;
  font-family: Verdana;
  font-size:14px;
  font-weight:normal;
  border:0px solid #000000;
}

#tablegyms td div {
  background-color:#00ffeb;
  font-family: Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000000;
  padding-left:5px;
  border:0px solid #000000;
  display:block;
  height:18px;
  _height:20px;
  padding-top:2px;
}

#tablegyms th div a {
  background-color:#4257ff;
  font-family: Verdana;
  font-size:13px;
  font-weight:normal;
  color:#ffffff;
  display:block;
  text-align:center;
  text-decoration:none;
  width:146px;
  height:20px;
  cursor:pointer;
}

/* nastaveni vzhledu odkazu, ktery objevuje v nazvu telocvicny pokud ma zadany nejaky popis */
#tablegyms td div a {
  font-family: Verdana;
  font-size:13px;
  font-weight:normal;
  color:#000000;
  display:block;
  text-align:left;
  text-decoration:none;
  height:18px;
  cursor:pointer;
  border:0px solid #000000;
}

#divprizes {
  margin-left:36px;
  margin-right:36px;
  width:675px;
}

#divprizes table {
  font-family: Verdana;
  font-size:12px;
  font-weight:normal;
  color:#000000;
  background-color:#00ffeb;
  width:100%;
}

#divprizes table th {
  background-color:#ff0047;
  color:#ffffff;
  font-size:12px;
}