/**
 * This is CSS file, used to perform design at client side 
 *
 * This file is site-wide CSS file and it can be use anywhere in website
 *
 * @copyright     2013-14 PORTCOM
 * @link          http://www.sampatti.com/portcom
 * @package       PORTCOM
 * @since         September 2013
 * @license       PORTCOM
 * @author        EMP-1040
 */
/* #Tablet - 768px */
@media only screen and (min-width: 760px) and (max-width: 959px) {

.login-Box {width:42%;margin:170px 0 0 -8px; }
.login-Box .login-btn { margin: 20px -36px 0 25px; }

.left-part { width: 28%; }
.event-box { width: 82%; padding: 11px 0 0; }
.event-box li a { font-size: 11px; padding: 0 0 0 5px }
.right-part { width: 75%; }
.header-part .summery h2 { padding: 22px 0 0 53px; font-size: 24px; }
.table-box .list-box { margin: 5px 0 0 6px; width: 98%; border: 1px solid #E8E0E0; }
.sidebar .logo img { width: 85%; }
.sidebar .logo { padding: 29px 0 22px 20px; }
.menu-box .accordion .expand { padding: 0 0 0 8px; line-height: 40px; height: 40px; }
.menu-box .accordion .expand a { font-size: 14px; }
.menu-box .accordion .inside-menu p { padding:0 0 0 13px; line-height: 40px; height: 40px; }
.menu-box .accordion .inside-menu li { line-height: 40px; padding: 0 0 0 10px; }
.menu-box .accordion .inside-menu li a { font-size: 12px; }
.menu-box .accordion .inside-menu p span { font-size: 12px; }
.table-box { border: 1px solid #FFFFFF; margin: 8px 0 0; }


.table-box .form-box span { width: 63%; }
.table-box .form-box .field { width: 96%; }
.menu-box .accordion .inside-menu{margin-right:2px;}

}

@media(min-width:1024px) and (max-width:1200px){
	
.login-Box { width: 32%; }	

.table-box .list-box { margin: 28px 0 0 27px; width: 95%; }
.event-box { padding: 11px 0 0 0; }
.event-box li a { font-size: 12px; padding: 0 0 0 10px }
.right-part { width: 76%; }

.table-box .form-box span { width: 63%; }
.table-box .form-box .field { width: 97%; }
.menu-box .accordion .inside-menu{margin-right:3px;}
.table-box .list-box table.specialwidth{width:2500px !important;}
}

@media(min-width:1200px) and (max-width:1600px){
.login-Box { width: 26%; }	
.table-box .list-box { margin: 28px 0 0 27px; width: 95%; }
.event-box { padding: 11px 0 0 0; width:88%;}
.event-box li a { font-size: 12px; padding: 0 0 0 10px }
.right-part { width: 75%; }

.table-box .form-box span { width: 63%; }
.table-box .form-box .field { width: 97%; }
.menu-box .accordion .inside-menu{margin-right:8px;}
.table-box .list-box table.specialwidth{width:2500px !important;}
	
}

@media(min-width:1600px) and (max-width:2000px){
.login-Box { width: 21%; }	
.event-box {width:91%;}
.menu-box .accordion .inside-menu{margin-right:8px;}
.table-box .list-box table.specialwidth{width:2500px !important;}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {

.login-Box {width:67%;margin:170px 0 0 -8px; }

}

/* #Mobile - 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.login-Box {width:67%;margin:170px 0 0 -8px; }
.footer-box { position: static; margin-top: 20px; }
.right-part { width: 100%; margin:0 0 0; }
}

@media only screen and (min-width: 360px) and (max-width: 650px) {

.left-part { width: 36%; display: none; }
.table-box { border: 1px solid #FFFFFF; margin:10px 0 0; width: 99%; }
.event-box { width: 100%; }
.event-box li { background: #5f5e5e; height: 35px; line-height: 35px; }
.event-box li a { font-size: 12px; padding: 0 0 0 10px; height: 35px; line-height: 35px; }

.right-part { width: 100%; margin:0 0 0; }
.header-part .summery { float: none; }
.header-part .summery h2 { font-size: 22px; padding: 6px 0 0; text-align: center; }
.header-part .summery span { display: block; position: absolute; top: 114px; left: 32px; }
.header-part .login { float: none; overflow: hidden; padding: 15px 0 0 135px;}
.header-part .login .clear {clear: none;}
.header-part .login .logout { float: left; padding: 1px 0 0 14px; }
.header-part .welcome { float: right; padding: 0 14px 0 0; }

.toggle1 { position: absolute; z-index: 99999; left: 0; top: 138px; width: 100%; background: #3D3D3E; }
.adCntnr2 .acco3 .expand a{ position:relative; background: url(../img/tab-minus.png) no-repeat left center; }
.adCntnr2 .acco3 .openAd a{background:url(../img/tab-plus.png) no-repeat left center; }
.menu-box .accordion2 .expand { cursor: pointer; height: 30px; line-height: 30px; border-bottom: 1px solid #cbcbcb; padding: 0 0 0 14px; }
.menu-box .accordion2 .expand a { font-size: 12px; font-weight: bold; color: #fff; display: block; padding: 0 0 0 32px; }
.menu-box .accordion2 .collapse { display: none; }

.menu-box .accordion2 .inside-menu { padding: 0; }
.menu-box .accordion2 .inside-menu p { height: 30px; line-height: 30px; border-bottom: 1px solid #CBCBCB; padding: 0 0 0 22px; }
.menu-box .accordion2 .inside-menu p span { display: block; font-size: 12px; color: #fff; font-weight: bold; padding: 0 0 0 20px; position: static; }
.menu-box .accordion2 .inside-menu p a { background: url(../img/menu-p-bg.png) no-repeat left 10px; display: block; }
.menu-box .accordion2 .inside-menu li {  line-height: 30px; border-bottom: 1px solid #CBCBCB; padding: 0 0 0 47px; }
.menu-box .accordion2 .inside-menu li a { background: url(../img/li-bg.png) no-repeat left center; display: block; font-size: 12px; color: #fff; font-weight: bold; padding: 0 0 0 22px; }
.menu-box .accordion2 .inside-menu li:hover { background: #4ea3d8; }
.table-box .list-box { margin: 4px 0 0 4px; width: 97%; border: 1px solid #E8E0E0; }

.header-part .logo { display: block; padding: 10px 0 12px 0; }
.header-part .logo img { margin: 0 auto; display: block; width: 200px; }

.footer-part { padding: 20px 0 20px 0; }
.footer-part p { text-align: center; }
.footer-box { position: static; margin-top: 20px; }
.right-part{background:none repeat scroll 0 0 #0166A6;}

}

@media only screen  and (min-width: 650px) and (max-width: 980px) {

.right-part { width: 75%; }
.table-box .list-box { width: 96%; }
.header-part .summery h2 { padding: 22px 0 0 53px; font-size: 24px; }
.sidebar .logo img { width: 85%; }
.sidebar .logo { padding: 29px 0 22px 20px; }
.menu-box .accordion .expand { padding: 0 0 0 8px; line-height: 40px; height: 40px; }
.menu-box .accordion .expand a { font-size: 14px; }
.menu-box .accordion .inside-menu p { padding:0 0 0 13px; line-height: 40px; height: 40px; }
.menu-box .accordion .inside-menu li { line-height: 22px; padding: 0 0 0 10px; }
.menu-box .accordion .inside-menu li a { font-size: 12px; }
.menu-box .accordion .inside-menu p span { font-size: 12px; }
.header-part .login { padding: 0 0 0 105px; }
	
	
}


/* #Mobile - 320px */
@media only screen and (min-width: 320px) and (max-width: 480px) {

.login-Box {width:90%;margin:170px 0 0 -8px; }
.login-Box .top { width: 215px; margin: 0 0 0 15px; }
.login-Box .top span { width: 236px; background-size: 236px 9px; }
.login-Box .logo img { width: 210px; margin: 0 0 0 30px; }
.login-Box .form-box { width: 225px; margin: 0 0 0 25px; }

.left-part { width: 36%; display: none; }
.table-box { border: 1px solid #FFFFFF; margin:10px 0 0; width: 99%; }
.event-box { width: 100%; }
.event-box li { background: #5f5e5e; height: 35px; line-height: 35px; }
.event-box li a { font-size: 12px; padding: 0 0 0 10px; height: 35px; line-height: 35px; }

.right-part { width: 100%; margin:0 0 0; background:#0166A6;}
.header-part .summery { float: none; }
.header-part .summery h2 { font-size: 22px; padding: 6px 0 0; text-align: center; }
.header-part .summery span { display: block; position: absolute; top: 114px; left: 32px; }
.header-part .login { float: none; overflow: hidden; padding: 15px 0 0 135px; }
.header-part .login .clear { clear: none; }
.header-part .login .logout { float: left; padding: 1px 0 0 14px; }
.header-part .welcome { float: right; padding: 0 14px 0 0; }

.toggle1 { position: absolute; z-index: 99999; left: 0; top: 138px; width: 100%; background: #3D3D3E; }
.adCntnr2 .acco3 .expand a{ position:relative; background: url(../img/tab-minus.png) no-repeat left center; }
.adCntnr2 .acco3 .openAd a{background:url(../img/tab-plus.png) no-repeat left center; }
.menu-box .accordion2 .expand { cursor: pointer; height: 30px; line-height: 30px; border-bottom: 1px solid #cbcbcb; padding: 0 0 0 14px; }
.menu-box .accordion2 .expand a { font-size: 12px; font-weight: bold; color: #fff; display: block; padding: 0 0 0 32px; }
.menu-box .accordion2 .collapse { display: none; }

.menu-box .accordion2 .inside-menu { padding: 0; }
.menu-box .accordion2 .inside-menu p { height: 30px; line-height: 30px; border-bottom: 1px solid #CBCBCB; padding: 0 0 0 22px; }
.menu-box .accordion2 .inside-menu p span { display: block; font-size: 12px; color: #fff; font-weight: bold; padding: 0 0 0 20px; position: static; }
.menu-box .accordion2 .inside-menu p a { background: url(../img/menu-p-bg.png) no-repeat left 10px; display: block; }
.menu-box .accordion2 .inside-menu li {  line-height: 30px; border-bottom: 1px solid #CBCBCB; padding: 0 0 0 47px; }
.menu-box .accordion2 .inside-menu li a { background: url(../img/li-bg.png) no-repeat left center; display: block; font-size: 12px; color: #fff; font-weight: bold; padding: 0 0 0 22px; }
.menu-box .accordion2 .inside-menu li:hover { background: #4ea3d8; }
.table-box .list-box { margin: 4px 0 0 4px; width: 97%; border: 1px solid #E8E0E0; }

.header-part .logo { display: block; padding: 10px 0 12px 0; }
.header-part .logo img { margin: 0 auto; display: block; width: 200px; }

.table-box .top { padding: 0 0 0 8px; }
.table-box .top li { font-size: 11px; margin: 0 7px 0 0; padding: 0 24px; height: 35px; line-height: 35px; }
.table-box .form-box { padding: 23px 0 0 19px; }
.table-box .form-box label { font-size: 12px; width: 100px; }
.table-box .form-box span { width: 60%; }
.table-box .form-box .field { width: 93%; }




.footer-part { padding: 20px 0 20px 0; }
.footer-part p { text-align: center; }
.footer-box { position: static; margin-top: 20px; }
}