/* ============================================================================================= */
/* Tooltip */

.toolTip {
  position: absolute;
  top: 0;
  left: 0;
  display:none;
  z-index: 2000;
  border:1px solid blue;
  background-color: #000;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  color: #fff;
}

.toolTip p {
  display: inline-block;
  padding:5px;
}

/* ============================================================================================= */
/* Photobook */

/* damit es keine probleme mit drag&drop gibt */
html { overflow:scroll; }

.photobookWidth{
  width:660px;
}

/* gecko #Photobook */
html>body #Photobook{
 margin:0 auto;
 display:block;
 position:relative;
 width:640px;
}

/* MSIE #Photobook */
* html #Photobook {
  margin:auto;
  padding-top:5px;
  display:block;
  position:relative;
  overflow:hidden;
}

/* Hintergundbild + Mindesthöhe im Tasseneditor im Tasseneditor  */
#Photobook.cup {
  background-image: url(http://www8.fotoalbum.de/mandants/root/gfx/background_cup.jpg?1284106167);
  background-repeat:no-repeat;
  background-position: right 20px;
  height: 300px;
}

.Photobook .borderCanvas{
  background-color: #ffffff;
  position: absolute;
  z-index: 10;
}

.Photobook .ContentBox .lightmedium, .Photobook .ContentBox_active .lightmedium{
  left:0;
  top:0;
  width: 17px;
  height: 17px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/stopplight_yellow.png?1284106167) repeat-x;
  position: absolute;
  z-index: 10;
}

.Photobook .ContentBox .lightbad, .Photobook .ContentBox_active .lightbad{
  left:0;
  top:0;
  width: 17px;
  height: 17px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/stopplight_red.png?1284106167) repeat-x;
  position: absolute;
  z-index: 10;
}

.PreviewPage .ContentBox .lightmedium, .PreviewPage_active .ContentBox .lightmedium{
  left:0;
  top:0;
  width: 9px;
  height: 9px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/stopplight_yellow_small.png?1284106167) repeat-x;
  position: absolute;
  z-index: 10;
}

.PreviewPage .ContentBox .lightbad, .PreviewPage_active .ContentBox .lightbad{
  left:0;
  top:0;
  width: 9px;
  height: 9px;
  background: url(http://www5.fotoalbum.de/mandants/root/gfx/stopplight_red_small.png?1284106167) repeat-x;
  position: absolute;
  z-index: 10;
}

.photobookHeadline {
  padding:5px 5px 5px 15px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
}

.LayoutTemplate{
  background-color:#E7E7E7;
  border: 1px solid #E7E7E7;
  margin:3px 0 0 10px;
  padding:4px;
  float:left;
}

.LayoutTemplate_active{
  background-color:#E7E7E7;
  margin:3px 0 0 10px;
  padding:4px;
  float:left;
  border: 1px solid #ff0000;
}

#PreviewListeTemplate{
  border-top:1px solid #606060;
  border-left:1px solid #606060;
  border-bottom:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  white-space:nowrap;
  width:625px;
  height:113px;
  overflow:auto;
  margin:0 auto;
  padding:3px;
  z-index:5;
  position:relative;
}

.projectLayoutList {
  width:435px;
  height:90px;
  overflow:auto;
  float:left;
  position:relative;
}

.layoutButton a {
  float:left;
  width:12px;
  height:12px;
  padding:1px 0px 2px 4px;
  margin:1px;
  border:1px solid #ccc;
  color:#000;
  background:#fff;
  cursor:pointer;
}

.layoutButton a.active {
  background:#eee;
}

.layoutButton {
  width:40px;
  height:40px;
  float:left;
  margin:2px 0 0 10px;
}

#FormTemplate form {
  margin:0;
}

.BookTextID{
  text-align:center;
  font-size:9px;
  margin:1px 0 0 0;
}

.ContentBox{
  overflow:hidden;
  background-color:#C0C0C0;
  border:none;
}

.ContentBox_active{
  overflow:hidden;
  background-color:#B9DC73;
  border:1px solid #4D5A12;
}

.ContentBox_preloader{
  overflow:hidden;
  background-color:blue;
  border:none;
}

.markedBox{
  background-color:#DCE7BC;
}

.BookPage{
  position:relative;
  margin:0 auto;
  border:1px solid #767676;
}

* html .Preview {
  background-color:#E7E7E7;
  padding:3px 5px 0px 5px;
  margin:0 2px 0px;
  float:left;
}

.Preview {
  background-color:#E7E7E7;
  padding:3px 5px 6px 5px;
  margin:0 2px 0px;
  float:left;
}

.Preview img {
  display:block;
}

.Preview .PreviewPage{
  position:relative;
  height:100%;
  border:1px solid #767676;
  float:left;
}

.Preview .PreviewPage_active{
  position:relative;
  height:100%;
  border:1px solid #ff0000;
  float:left;
}

.PhotobookFrame{
  margin:auto;
  text-align:center;
  padding-bottom:5px;
  padding-top:7px;
  overflow:hidden;
  position:relative;
}

.Photobook{
  height:250px;
  width:426px;
  margin:0px auto;
  display:block;
}

.Photobook .PhotobookPage{
  position:relative;
  background-color:#F8F8F8;
  border:1px solid #ffffff;
  width:200px;
  height:100%;
  margin-bottom:10px;
  float:left;
}

.Photobook .PhotobookPage_active{
  background-color:#F8F8F8;
  position:relative;
  width:200px;
  height:100%;
  margin-bottom:10px;
  border:1px solid #000000;
  float:left;
}

.Photobook .Spine{
  width:0;
  height:100%;
  float:left;
}

.Photobook .BookTextID{
  text-align:center;
  font-size:9px;
  margin:1px 0 0 0;
  width:49%;
}

.PhotobookToolbarBG{
  width:100%;
  height:36px;
  background: white url(http://www8.fotoalbum.de/mandants/root/gfx/toolbar_bg.gif?1284106167) repeat-x;
}

* html .PhotobookToolbar {
  width:380px;
  height:36px;
  margin:0 auto;
  padding:0;
}

.PhotobookToolbar {
  width:340px; /* width:290px; */
  height:36px;
  margin:0 auto;
  padding:0;
}

.PhotobookToolbar ul{
  padding-top:3px;
  padding-left:10px;
  height:36px;
}

.PhotobookToolbar ul li{
  float:left;
  margin:0 12px 0 3px;
  width:20px;
  height:20px;
}

.PhotobookToolbar ul li img{
  margin:0;
  padding-right:10px;
}

#PhotobookToolbar ul li a {
  width:30px;
  height:30px;
  display:block;
  cursor:pointer;
  background: white url(http://www8.fotoalbum.de/mandants/root/gfx/icon_PROJECT_EDITOR_toolbar.gif?1284106167) no-repeat;
}

#PhotobookToolbar ul li a.zoom_plus             { background-position:0 -30px; }
#PhotobookToolbar ul li a.zoom_plus:hover,
#PhotobookToolbar ul li a.toolbar_zoom_plus     { background-position:0 0; }
#PhotobookToolbar ul li a.zoom_minus            { background-position:-34px -30px; }
#PhotobookToolbar ul li a.zoom_minus:hover,
#PhotobookToolbar ul li a.toolbar_zoom_minus    { background-position:-34px 0; }
#PhotobookToolbar ul li a.rotate_left           { background-position:-69px -30px; }
#PhotobookToolbar ul li a.rotate_left:hover,
#PhotobookToolbar ul li a.toolbar_rotate_left   { background-position:-69px 0; }
#PhotobookToolbar ul li a.rotate_right          { background-position:-104px -30px; }
#PhotobookToolbar ul li a.rotate_right:hover,
#PhotobookToolbar ul li a.toolbar_rotate_right  { background-position:-104px 0; }
#PhotobookToolbar ul li a.position              { background-position:-142px -30px; }
#PhotobookToolbar ul li a.position:hover,
#PhotobookToolbar ul li a.toolbar_position      { background-position:-142px 0; }
#PhotobookToolbar ul li a.select                { background-position:-178px -30px; }
#PhotobookToolbar ul li a.select:hover,
#PhotobookToolbar ul li a.toolbar_select        { background-position:-178px 0; }
#PhotobookToolbar ul li a.texteditor            { background-position:-211px -30px; }
#PhotobookToolbar ul li a.texteditor:hover,
#PhotobookToolbar ul li a.toolbar_texteditor    { background-position:-211px 0; }
#PhotobookToolbar ul li a.colorpicker           { background-position:-246px -30px; }
#PhotobookToolbar ul li a.colorpicker:hover     { background-position:-246px 0; }
#PhotobookToolbar ul li a.safe                  { background-position:-280px -30px; }
#PhotobookToolbar ul li a.safe:hover            { background-position:-280px 0; }
#PhotobookToolbar ul li a.scale_box             { background: white; border:1px solid red; }
#PhotobookToolbar ul li a.scale_box:hover       { background: white; border:1px solid blue; }

#rightMouseContetxtMenu ul li{
  height:25px;
}
#rightMouseContetxtMenu ul li a{
  padding-left:28px;
}
#rightMouseContetxtMenu ul li.deleteImage{
  background: white url(http://www8.fotoalbum.de/mandants/root/gfx/toolbar_delete_active.gif?1284106167) -1px -3px no-repeat;
}
#rightMouseContetxtMenu ul li.rotateImageR{
  background: white url(http://www4.fotoalbum.de/mandants/root/gfx/toolbar_rotate_r_active.gif?1284106167) 0 0 no-repeat;
}
#rightMouseContetxtMenu ul li.rotateImageL{
  background: white url(http://www8.fotoalbum.de/mandants/root/gfx/toolbar_rotate_l_active.gif?1284106167) -2px 0 no-repeat;
}