@import url("reset.css");
@import url("fonts/fonts.css");
@import url("jquery-ui.min.css");

/** defaults **/
div, section, header, nav, footer { display: block; position: relative;}
a,i,span { display: inline-block;}
a        { text-decoration: none; color:inherit}
.reset { margin:0 !important; padding:0 !important;}
.sw      { width: 1200px;}
.cnt     { margin-left:auto; margin-right: auto;}
.lf         { float:left;}
.rg         { float:right;}
.clr        { clear:both; width:  0px !important; height:  0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; outline: 0px !important;}
._txtalignctr { text-align: center;}
._txtalignlf  { text-align: left;}
._txtalignrg  { text-align: right;}
.cvr { background-position: center center;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.disNone { display: none;}
.pointer    { cursor:pointer;}
body            { background: #fff; font-family: 'ubunturegular',Arial; font-size:13px;}

/** header **/  
header  { background: #fff; color:#fff; height:60px; border-bottom: 1px solid #1a6b98; }
header a#logo            { display:inline-block; width: 150px; height:50px; margin:5px 0; }
header a#logo img        { height:50px;}
header nav#menu                         { height:40px; margin:6px 0px;  display:inline-block; position:absolute; right:15px; top:0px; }
header nav#menu  ul                     { height:40px; }
header nav#menu  ul li                  { float:left; height: 20px; border-right:1px dotted #999; padding:15px 20px;   }
header nav#menu  ul li:last-child       { margin-right: 0; }
header nav#menu  ul li a                { font-size: 15px; font-family: 'regular',Arial;  color:#585858; }
header nav#menu  ul li a:hover          { color:#00497f  }
header nav#menu  ul li ul               { display:none; }

/** section **/
section                     { min-height: 500px; margin:15px auto; }
section #content            { padding: 15px 0; margin:0 15px;}
section #content #subMenu   { background: #fff; padding:15px 0;  border:1px solid #ddd; width: 230px; -webkit-border-radius: 5px;border-radius: 5px; -webkit-border-bottom-right-radius: 35px;-moz-border-radius-bottomright: 35px;border-bottom-right-radius: 35px;}
section #content #subMenu  h1 { width: 100%; height: 37px;color:#fff; margin-left:-2px; background: #0075b3; margin-top: 5px; overflow: hidden; padding-right: 15px; -webkit-border-top-right-radius: 15px;-moz-border-radius-topright: 15px;border-top-right-radius: 15px; }
section #content #subMenu h1 span    { color: #fff; font-family: 'regular'; font-size: 18px; display: inline-block; margin-top:14px; margin-right: 30px}
section #content #subMenu h1 i       { width: 10px; height: 17px; background: url(../images/left.png) no-repeat center center; position:absolute; margin: 0px 10px}
section #content #subMenu li { display: block;}
section #content #subMenu li a       { display: block; float:right; font-family: 'regular'; font-size: 13px; color: #656f71; margin: 7px 0;  position: relative; padding:0px 34px; line-height: 17px}
section #content #subMenu li.slc a   { color:#0075b3;}
section #content #subMenu li.slc i   { color:#0075b3;}
section #content #subMenu li a i     { margin: 0px 10px; display: inline-block; position: absolute; right: 0; top: 0; height: 100%;}

section #content #contentIn { width: 900px; padding-bottom: 100px}
section #content h1  { color:#298ec6; font-size: 20px; font-family: 'ubunturegular',Arial; margin-bottom: 10px; padding-bottom:8px; border-bottom:2px solid #298ec6; margin-top:15px; }

section #content #pageDetail { background: #fff; overflow:hidden;margin-top:5px;  border:1px solid #dadada; width: 250px; -webkit-border-radius: 5px;border-radius: 5px;}
section #content #pageDetail {}

section #content #pTabs         { height:48px; width: 100%; background: #efefef; }
section #content #pTabs li      { float: left;  padding: 18px 16px; cursor:pointer; font-size:13px;  font-family: 'ubuntumedium',Arial;}
section #content #pTabs li.slc  {  color:#298ec6;  background: #fff; } 
section #content #pTabsItems    {  padding: 10px 15px; -webkit-border-radius: 5px;border-radius: 5px;}

section #content #pTabsItems .item { display:none; min-height: 150px;}
section #content #pTabsItems .item.slc {  display:block;}

section #content #pTabsItems   #addGallery { cursor:pointer;}

/** footer **/

footer          { background: #646464; padding:15px 0;  color:#efefef; position: fixed; bottom:0; left:0; width: 100%;}
footer a        { color:#efefef; margin:0 10px ;}

/** form **/
#contentIn form 
{ display:block; margin:35px 12px;}
form .fset { position: relative; padding: 5px;}
form .fset.sz { width:55px; display:inline-block;}
form .fset label { width: 180px; display:inline-block; }
form .fset label.size { width: 45px; display:inline-block; }
form .fset input[type="text"],
form .fset input[type="password"],
form .fset input[type="url"],
form .fset input[type="email"]  { padding:8px; width: 300px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial; -webkit-border-radius: 5px;border-radius: 5px;} 
form .fset input[type="text"].size { width: 45px}
form .fset select     { padding:8px; width: 318px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial; -webkit-border-radius: 5px;border-radius: 5px;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus                   { border:1px solid #298ec6 !important}







form ._note                                 { font-style: italic; font-size:12px; color:#333; margin-top:15px;}
form .fset input[type="submit"],
form .fset input[type="button"]{ padding:8px 40px; background: #298ec6; color:#fff; margin-top:15px;  font-family: 'ubuntumedium',Arial; border:1px solid #dadada; font-size:14px; cursor:pointer;                                         
                                 -webkit-border-radius: 5px;                                        
                                 border-radius: 5px;}

form .fset input[type="submit"]:focus,
form .fset input[type="button"]:focus { outline:0;}

form .fset input[type="submit"]:hover,
form .fset input[type="button"]:hover { background: #1d79ac; }
form  .txta             {   height: 100px; position: relative;}
form  .txta label       {   position:absolute; top:5px; left:0;   }
form  .txta textarea    {   position:absolute; top:5px; left:188px;  resize: none;  padding:8px; width: 300px; height:80px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial;                             
                     -webkit-border-radius: 5px;                            
                     border-radius: 5px;}

form  .txta.nullLabel textarea {left:5px;} 

form .fset input[type="radio"] { cursor:pointer}


form .slopa { height: 100px;}
form  .slopa             {   height: 100px; position: relative;}
form  .slopa label       {   position:absolute; top:5px; left:0;   }
form  .slopa select    {   position:absolute; top:5px; left:128px;  resize: none;  padding:8px; width: 320px; height:90px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial;                             
                     -webkit-border-radius: 5px;                            
                     border-radius: 5px;}

.fcSet { margin:10px 0;}
.fcSet span { margin-bottom: 5px;}

.fcSet input[type="text"],
.fcSet input[type="password"],
.fcSet input[type="email"]      { padding:8px; width: 180px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial; -webkit-border-radius: 5px;border-radius: 5px;} 

.fcSet select 					{ padding:8px; width: 198px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial; -webkit-border-radius: 5px;border-radius: 5px;}

.fcSet textarea    {   resize: none;  padding:8px; width: 180px; height:50px; border:1px solid #dadada; outline:none; font-family: 'ubunturegular',Arial;                             
                     -webkit-border-radius: 5px;                            
                     border-radius: 5px;}



/** table lists **/
table.list              { width: 100%; margin:15px 0px;}
table.list td           { padding:6px 5px; border-bottom:1px solid #dadada; vertical-align: middle;}
table.list tr:hover     { background: #efefef;}
table.list ._n          { width: 25px; border-bottom:1px solid #efefef;}
table.list ._c          { width: 25px;}
table.list ._txtmin     { }
table.list input[type="text"] { border:0; outline:0; padding:0; color:#000; font-family: 'ubunturegular',Arial; font-size:13px;  background: transparent;}
table.list input[type="text"]:focus {color:#1a6b98;}

._ico                   { width: 22px; height:22px;background-image: url(../images/icon-sprite.png); }
._ico._ac               { background-position: 0px -44px; }
._ico._pass             { background-position: -22px -44px; }
._ico._hanging          { background-position: -44px -44px !important; }
._ico._del              { background-position: 0px 0px; cursor: pointer; }
._ico._del:hover        { background-position: 0px -22px;  }
._ico._edit             { background-position: -22px 0px; cursor: pointer; }
._ico._edit:hover       { background-position: -22px -22px; }
._ico._sub              { background-position: -66px 0px; cursor: pointer; }
._ico._sub:hover        { background-position: -66px -22px; }
._ico._modules              { background-position: -102px -237px; cursor: pointer; }
._ico._modules:hover        { background-position: -124px -237px; }
._ico._normalList           { background-position: -110px 0px; cursor: pointer; }
._ico._normalList:hover     { background-position: -110px -22px; }
._ico._imgList              { background-position: -132px 0px; cursor: pointer; }
._ico._imgList:hover        { background-position: -132px -22px; }
._ico._datePass           { background-position: -100px -261px; cursor: pointer; }
._ico._dateAc        { background-position: -122px -261px; }



#Uploads        { display: table; cursor:pointer;}
#Uploads:hover  { }
#Uploads span   { height:30px; display: table-cell; vertical-align: middle;}
._uploads       { width: 44px; height:30px; background-image: url(../images/icon-sprite.png);background-position: 0px -153px; cursor: pointer; }
._uploads:hover { background-position: -44px -153px; }
#_back            { background-position: -88px 0px; margin-right: 10px; cursor: pointer;  }
#_back:hover      { background-position: -88px -22px;  }
#Save        { display: table; cursor:pointer;}
#Save:hover  { }
#Save span   { height:30px; display: table-cell; vertical-align: middle;}
#Save  ._save       { width: 44px; height:30px; background-image: url(../images/icon-sprite.png);background-position: 0px -183px; cursor: pointer; }
#Save ._save:hover { background-position: -44px -183px; }

/** controller **/
#controller             { position:absolute; right:0; top:5px;}
#controller ._btn       { border:1px solid #fff; padding:6px 15px; background: #c2d7e2; margin-left:10px; color:#1a6b98; cursor:pointer;                            
             -webkit-border-radius: 5px;                            
             border-radius: 5px;}
#controller ._btn:hover { background: #298ec6; color:#fff;}
/** **/
.listMenu               {}
.listMenu li            {  margin:5px 0px;}
.listMenu li div        { border:1px solid #ddd; padding:8px 0px 8px 8px; background: #fff;                        
                         -webkit-border-radius: 5px;                        
                         border-radius: 5px;}
.listMenu li div:hover { background: #efefef; color:#000; }
.listMenu li ol { margin-left:25px;}
.listMenu  .slcMenu ,
.listMenu  .slcCat     { background: #d1f1f4 !important;}
#iconControl            { position:absolute; right:10px; top:5px; }
#iconControl    i       { height:22px; width: 22px; background-image: url(../images/icon-sprite.png?v1); margin-left:10px;}
.listMenu ._remove      { background-position: 0px 0px; cursor: pointer;}
.listMenu ._edit        { background-position: -22px 0px; cursor: pointer;}
.listMenu ._link        { background-position: -44px 0px; cursor: pointer;}
.listMenu li div ._move          { position:absolute; top:3px; left:5px; height:27px; width: 22px; background-image: url(../images/icon-sprite.png?v2); background-position: 0px -66px; cursor: move;} 
.listMenu li div ._move:hover    { background-image: url(../images/icon-sprite.png?v2); background-position: -22px -66px; cursor: move;} 
.listMenu li div input[type='text']  {border:0; outline: 0; padding: 0; margin: 0; margin-left:30px;  width: 250px; font-family: 'ubunturegular',Arial; background: transparent;}
.listMenu li div .menulink,
.listMenu li div .catlink { position:absolute; right:120px; top:7px; text-align: right; width: 30%; display: none;}

.listMenu .listCntrl    { border:0; padding:0 !important; position:absolute; right:0; top:5px; }
.listMenu .listCntrl i  { margin:0 5px; }

.listCheckbox ol { margin-left:15px; margin-bottom:10px;}
/** message **/
#message            {  margin:25px 0 0 25px;}
#message span       { display:none;  }
#message ._Warning  { color: red;}
#controller span {  display:none; width: 500px; position:absolute; right:0px; top:-20px; text-align: right;}
#controller span.failed {color: red;}
#controller span.success {color: green;}


/** Tabs **/
.verticalTabs           { height: 40px;}
.verticalTabs li        { float:left; padding: 8px 15px; border-bottom:1px solid #999; cursor:pointer;}
.verticalTabs li.slc    { border-bottom:4px solid #298ec6; color:#000; padding: 8px 15px 5px 15px;}
.verticalTabs li.slc  a,.verticalTabs li.slc  span { color:#000}
.verticalTabs li a ,.verticalTabs li span      { font-size:13px;  font-family: 'ubuntumedium',Arial; display: inline-block; width: 100%; color:#999}



#tplmodules 					{}



/** pBox **/
#_multimediaControlls { position:absolute; right: 15px; top:0px; z-index: 15; cursor:pointer; }
#_multimediaControlls ._ico                 { width: 44px; height: 30px; background-image: url(../images/icon-sprite.png?v1); }
#_multimediaControlls ._ico._video          { background-position: 0px -93px; }
#_multimediaControlls ._ico._gallery        { background-position: -44px -93px; }
#_multimediaControlls ._ico._video:hover    { background-position: 0px -123px; }
#_multimediaControlls ._ico._gallery:hover  { background-position: -44px -123px; }
.uploadArea           {  height:345px; margin-top:20px; overflow: auto; }
.uploadArea .item img {  cursor:pointer;}
.uploadArea .item .controlls        { position:absolute; bottom:0; left:0;  width: 100%; background: #efefef; opacity: 0}
.uploadArea .item ._ico             { z-index: 10; left:50%; margin-left:-11px;}
.uploadArea .item .loading { position: absolute; top:0; left:0; display:none; background: url(../images/img-loader.gif) no-repeat center center; width: 100px; height:80px; z-index: 5; }
.uploadArea .item:hover .controlls  { opacity: 1;}
.uploadArea .item   { width:100px; height:80px; display:inline-block; border:1px solid #ddd; margin:6px;  overflow: hidden; }
.imgDetail { background:#f5f5f5; position:absolute; top:70px; left:-500px; height:298px; width:470px;  border:1px solid #dadada; }
.imgDetail .img { width:270px; margin-top:15px; margin-left:15px;  border:1px solid #dadada; background: #fff;}
.imgDetail .img img { width:270px; }
.imgDetail .detail { width:150px; height:270px; margin:15px 15px 0 0;}
.imgDetail .detail span{ display:block; }
.imgDetail .detail span.title { font-family: 'ubuntumedium',Arial; margin:5px }
.imgDetail .detail span._in {margin:5px 10px 15px 10px}
.imgDetail #_backImg { position: absolute; top:-5px; left:-10px; width: 44px; height:27px;  background: url(../images/icon-sprite.png?v2) no-repeat -44px -66px; cursor:pointer;}
.gallery { position:absolute; top:-450px; background:#fff; width:470px;}
.gallery form {display:none;}



.pdfIco { position:absolute; width:60px; height:80px; left:60px; top:10px; margin-left:-30px;    background:  url(../images/document-icon-sprite.png) 0 0 no-repeat; }
#allGallery #galleries .item ._new  { width: 50px; height: 48px; background: url(../images/icon-sprite.png?v3) 0 -215px; position:absolute; left:50px; margin-left:-15px; top:25px; }

.gallerDetailCap .item .loading { position:absolute; top:0; left:0; background: url(../images/img-loader.gif) no-repeat center center; width: 100px; height:80px; z-index: 1000; display:none;}

#Loading 	{ position:absolute; right:10px; top:10px; width:60px; height:30px; border:1px solid #000; background: url(../images/loadingPage.gif);}