/* YUI reset 2.6.0 */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

.invisible {display: none;}
.left {float:left;}
.right {float:right;}

html, body {font-family:Arial;}

/* BAVARIAN YOURSELF */
div.fullbrowser {width: 100%; height: 100%;}
div.maincontainer {width: 958px; height:510px; background-image:url(../images/by_bg.gif); background-repeat: no-repeat;margin: auto;position:relative;}
div.maincontainer a {color:#FFF; text-decoration: none}
div.maincontainer a:hover {color:#FFF; text-decoration: underline;}
div.maincontainer div.photo {float: left; width: 616px; height: 414px; background-image: url(../images/by_photo.png); background-repeat: no-repeat; margin-left:18px; margin-top:22px; text-align:center; overflow:hidden;}
div.maincontainer div.photo div.ui-wrapper {overflow-x:visible!important;overflow-y:visible!important}/* Keep rotated elements visible */
div.maincontainer div.photo img {margin-top: 3px; margin-left: -5px; }
div.maincontainer div.photo img.icon {width:94px;height:94px;}
div.maincontainer div.iconscontainer {float: left; width: 307px; height: 294px; margin-left: 15px; margin-top: 132px;}
div.maincontainer div.iconscontainer div.iconsbg {float: left; width: 94px; height: 94px; background-image: url(../images/icon_bg.png); background-repeat: no-repeat; margin-right: 4px; margin-bottom: 5px;}
div.maincontainer div.iconscontainer div.iconsbg:hover {float: left; width: 94px; height: 94px; background-image: url(../images/icon_bg_on.png); background-repeat: no-repeat; margin-right: 4px; margin-bottom: 5px;}
div.maincontainer div.iconscontainer div.iconsbg img.icon { width: 94px; height: 94px;}
a.iconnav {color:#000!important;position:absolute;top:243px;font-weight:bold;font-size:3em;}
a.iconnav:hover {text-decoration:none!important;}
a.iconnav.next {right:7px;}
a.iconnav.prev{left:631px;}
div.maincontainer div.buttons {float: left; width: 610px; height: 81px; background-image:url(../images/buttons_bg.png); background-repeat: no-repeat; background-position:top; /*background-color:#000000;*/ margin-left:18px; margin-top: 3px; font-family: Arial; font-size: 12px; color:#FFF}
div.maincontainer div.buttons div.shareicons {width: 610px;}
div.maincontainer div.buttons div.shareicons div.sharebox {width:122px; float:left; text-align:center}
div.maincontainer div.upload {float: left; width: 272px; height: 76px; margin-left: 30px; text-align:center;}
div.maincontainer div.upload input {font-size:90%;margin-top:25px;}

div.headercontainer {width: 100%; height:60px; background-color:#00aeef; margin-bottom:10px;}
div.headercontainer div.header {width:254px; margin-left:auto; margin-right:auto; }
/* footer*/
div.footercontainer {width: 100%; height:100px; margin-top:70px; border-top:1px solid #a08989 }
div.footercontainer div.footer {width:958px; height:100px; margin-left:auto; margin-right:auto; text-align:center}
div.footercontainer div.footer div.footertxt {float:left;}
div.footercontainer div.footer div.footertxt ul {margin-left:50px;}
div.footercontainer div.footer div.footertxt ul li {display:inline}
div.footercontainer div.footer div.footertxt ul li a {text-decoration: none; color: #512423; margin-bottom: 100px; font-family:arial; font-size:11px;}
div.footercontainer div.footer div.footertxt ul li a:hover {text-decoration: underline; color: #512423;}
div.footercontainer div.footer div.footertxt ul li.separator {color: #00aeef;padding-top: 0pt;padding-right: 4px;padding-bottom: 0pt;padding-left: 4px;font-weight: bold;font-size:11px;}
div.footercontainer div.footer div.footerimg {float:left; color:#6C4E43;  font-size:10px; font-weight:bold; width:120px; position:relative; left:20px; top:-55px;}

/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_glass_75_ffffff_1x400.png)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ 0/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 0/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_05a4e0_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

div.form {width:447px; height:auto; margin-left:auto; margin-right:auto; /*margin-top:-240px;*/ color:#ffffff;  font-size:11px; }
div.form * {color:#000;}
div.form input.text {width:250px; height:16px; margin-left:10px; padding-top:5px; padding-left:5px;}
div.form input.texttwo {width:340px; height:16px; margin-left:10px;padding-top:5px; padding-left:5px;}
div.form input.textthree {width:250px; height:60px; margin-left:10px;padding-top:5px; padding-left:5px;}
div.form a.cancel {height:40px; margin-left:10px; }
