/* BASIC TAGS */
table {
	font-size: 14px;
}
p {
	line-height: 1.428em;
}
p.MsoNormal, p.MsoBodyText, p.BodyText {
	line-height: 1.428em;
    font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}
hr {
	border-left:0px none;
	border-right:0px none; border-bottom:0px none; border-top:1px solid #bababa;
	height: 1px
}
body {
    background-size: cover;
	background-color: #e5e5e5;
	background-image: url('images/footer_bg.png');
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
	color: #666666
}
img {
	border-width: 0;
    text-align: center;
}

/* HEADER */
.header {
	position: relative;
	width: inherit;
	margin-left: auto;
	margin-right: auto;
    text-align: right;
}
.banner {
	position: absolute;
	text-transform: uppercase;
	font-style: italic;
    font-weight: bold;
    text-shadow: 5px 5px 10px #2d37fc;
    display: flex;
}
.slogan {
	position: absolute;
	left: 37px;
	top: 108px;
    font-weight: bold;
    color: #00cc00;
}
.menua {
	position: absolute;
	right: 1px;
	top: 82px;
	text-transform: uppercase;
	 border-bottom: 1px solid #0066cc;
}
.nava {
	position: absolute;
	right: 37px;
	top: 104px;
	text-transform: uppercase;
}

/* PAGE */
.page {
    background-color: White;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Visual seperation */
.dashedline {
    border-bottom: 1px dashed #0000ff;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}
.dashedline1 {
    border-bottom: 1px dashed #bababa;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}
.dashedline2 {
    border-bottom: 1px dashed #0000ff;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 1px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons {
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}

/* Photo selection controls */
#popupbody {
    font-family: tahoma, arial, helvetica, sans-serif, Verdana;
    margin: 0px;
    background: #FED36B;
    font-size: 0.7em;
}
#popupinner {
    border: 1px solid #DBDB79;
    margin: 5px;
    background: #FEFFAB;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#popupbody h2 {
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}
/* Used by the page number control */
.PageNumbers {
    display:inline;
}
.PageNumbers span {
    padding-left: 3px;
}
.newscrumbs a {
    font-weight: bold;
    padding-right: 2px;
}

/* HOME, RESUME, LINKS, REGISTER PAGES */
#home, #resume, #links, #register, #admin-albums, #admin-photos, #admin-details {
	background-image: url('images/body-repeat-general.jpg');
	background-repeat: repeat-y;
	position: relative;
	width: 686px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
	padding-left: 37px; 
	padding-right: 37px;
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}
#general {
	background-image: url('images/body-repeat-general.jpg');
	background-repeat: repeat-y;
	position: relative;
	width: 686px; 
	padding-left:37px; 
	padding-right:37px; 
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}

/* ALBUMS PAGE */
#albums {
	background-image: url('images/body-repeat-general.jpg');
	padding-bottom: 40px;
	width: 686px; padding-left:37px; padding-right:37px; padding-top:0px;
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}
.searchbanner {
	border: 1px solid #f5f5f5;
	background-image: url('images/bg_search.png');
	background-repeat: space;
	margin-left: auto;
	margin-right: auto;
}
.searchblock {
	border: 1px solid #dcdcdc;
	padding: 2px;
		background: url(images/bgsearch.jpg);
		background-position: top;
		background-repeat: no-repeat;
		margin-bottom: 1px;
		margin-top: 1px;
		text-align: center;
}
.marqueebanner {
	border: 1px solid #f5f5f5;
	background-image: url('images/marquee-bg.gif');
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	width: 899px;
	height: 22px;
}
.fontbanner {
	border: 1px solid #f5f5f5;
	background-image: url('images/photonav-top-bg.gif');
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	width: 423px;
	height: 33px;
}
.view {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}
.view .photo-frame {
	margin-left: auto;
	margin-right: auto;
}
.item {
	padding: 20px 50px;
	color: #B2B2B2;
}
.item h4 {
	margin-bottom: 0.4em;
}
.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

/* PHOTOS, DETAILS PAGE */
#photos, #details {
	background-image: url('images/body-repeat-photo.jpg');
	padding: 0;
	width: 764px
}
.buttonbar {
	background-image: url('images/photonav-bg.gif');
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	width: 758px;
	height: 33px;
	text-align: center
}
.buttonbar-top {
	background-image: url('images/photonav-top-bg.gif');
}
#photos .view {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* LIBRARY PAGE */
#library {
	background-image: url('images/body-repeat-general.jpg');
	padding-bottom: 40px;
	width: 686px; 
	padding-left:37px; 
	padding-right:37px; 
	padding-top:0px;
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}

/* QUIZ PAGE */
#quiz {
	background-image: url('images/body-repeat-general.jpg');
	padding-bottom: 40px;
	width: 686px; 
    padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
	padding-left:37px; 
	padding-right:37px; 
	padding-top:0px;
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}
#certificate
{
	background-image: url('images/certificate.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 686px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
	padding-left: 37px; 
	padding-right: 37px;
	font-family: tahoma, arial, helvetica, sans-serif, Verdana;
}

/* FOOTER */
.footerbg {
	width: auto;
	height: auto;
	text-align: center;
}
.footer {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: auto;
	text-align: center;
	color: Black;
}
.mstyle1 {
    text-align: left; margin-left: 8px; line-height: 1.428em;
}
.mstyle2 {
    text-align: left; color: black; line-height: 1.428em;
}
.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 12px;
}
.menub a:visited {
	color: #d32525;
}
.menub a:hover {
	text-decoration: underline;
	color: #000000
}

/* Inline styles used because image controls hard code a border property */
.photo_198 {
	border: 4px solid #FFFFFF;
}

/* ADMIN PAGES */
#admin-page {
	background-image: url('images/body-repeat-admin.gif');
	background-repeat: repeat;
	width: 886px; 
	padding-left:37px; 
	padding-right:37px; 
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
	font-family: verdana;
	font-size: 11px;
}
#admin-full-page {
	background-image: url('images/body-repeat-admin.gif');
	background-repeat: repeat;
	width: 1462px; 
	padding-left:37px; 
	padding-right:37px; 
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
	font-family: verdana;
	font-size: 11px;
}
#admin-details .view {
	margin-top: 20px;
	margin-bottom: 20px;
}
.print, print img {
    margin-right: 5px;
    float: right;
    vertical-align: middle;
    border: none;
}

/* Hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility) */
.hidden {
    visibility: hidden;
}
.none {
    height: .1em;
}
.clear2column {
    margin:0;
    padding:0;
    line-height:0;
    font-size:0;
    height:0;
    clear: both;
}

/* Gridview paging style */
.cssPager span {
	background-color: White;
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	font-size: 20px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 1px
}
.cssPager td {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}

/* Rounded Corners*/
.roundedPanel {	
	width:392px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}
.roundedPanelSpecial {	
	background-color:#e0e0e0;
	color:#808080;
}
.roundedPanelLibrary {	
	background-color: aqua;
	color: lightskyblue;
}

/* Textbox Watermark*/
.unwatermarked {
	height:24px;
	width:184px;
	background-color:#ffffff;
	font-weight: bold;
}
.watermarked {
	height:26px;
	width:186px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#ffffff;
	color: blue;
	font-weight: lighter;
    text-align:center;
}	

/* Password Strength Related Styles*/
.BarIndicator_TextBox2_weak {
    color:#ff0033;
    background-color:#ff0033;
}
.BarIndicator_TextBox2_average {
    color:#0000ff;
    background-color:#0000ff;
}
.BarIndicator_TextBox2_good {
    color:#00ff00;
    background-color:#00ff00;
}
.BarBorder_TextBox2 {
    padding:1px 3px 1px 3px;
    width:168px;
    vertical-align:middle;
}
.validatorCalloutHighlight {
    background-color:#ffff66;
}

/* Webrupee format*/
@font-face {
    font-family: 'WebRupee';
    src: url('WebRupee.V2.0.eot');
    src: local('WebRupee'), url('WebRupee.V2.0.ttf') format('truetype'),  url('WebRupee.V2.0.woff') format('woff'), url('WebRupee.V2.0.svg') format('svg'); 
    font-weight:normal; 
    font-style:normal;
    }
.WebRupee {
    font-family:'WebRupee';
 }
html>body .WebRupee {
    margin-left:2px;
    }
html>body .WebRupee {
    margin-right:2px;
    } 

/* Special Effects*/
.highlight {
 text-decoration: none;color:black;background:yellow;
}
p.rotate {
    width: 52px; /* it will start the second row if it passes 50 px */
    position: relative;
    transform:rotate(-30deg);
    -ms-transform:rotate(-30deg); /* IE 9 */
    -moz-transform:rotate(-30deg); /* Firefox */
    -webkit-transform:rotate(-30deg); /* Safari and Chrome */
    -o-transform:rotate(-30deg);
    font-size: 10px;
    background-color: darkblue;
    color: white;
    padding: 3px 2px 1px 2px;
    border: thin;
}
p.rotatedate {
    width: 62px; /* it will start the second row if it passes 50 px */
    position: relative;
    top: 6px; /* due to the rotation i had to move it up a bit */
    transform:rotate(-30deg);
    -ms-transform:rotate(-30deg); /* IE 9 */
    -moz-transform:rotate(-30deg); /* Firefox */
    -webkit-transform:rotate(-30deg); /* Safari and Chrome */
    -o-transform:rotate(-30deg);
    font-size: 10px;
    background-color: darkblue;
    color: white;
    padding: 3px 2px 1px 2px;
    border: thin;
}
p.rotatespecial {
    width: 222px; /* it will start the second row if it passes 50 px */
    position: relative;
    left: -24px;
    top: -16px; /* due to the rotation i had to move it up a bit */
    transform:rotate(-20deg);
    -ms-transform:rotate(-20deg); /* IE 9 */
    -moz-transform:rotate(-20deg); /* Firefox */
    -webkit-transform:rotate(-20deg); /* Safari and Chrome */
    -o-transform:rotate(-20deg);
    font-size: large;
    font-weight: bolder;
    font-family: 'Lucida Calligraphy';
    color: black;
    padding: 3px 2px 1px 2px;
    border: thin;
}
        /* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}
    /*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
    /*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}
    /* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
    /* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: blue
}
.navbar-header {
    position: relative
}
    /* unfix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
    /* screw writing important, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) {
    #slide-nav .container {
        margin: 0;
        padding: 0!important;
    }
#slide-nav .navbar-header {
    margin: 0 auto;
    padding: 0 15px;
}
#slide-nav .navbar.slide-active {
    position: absolute;
    width: 80%;
    top: -1px;
    z-index: 1000;
}
#slide-nav #slidemenu {
    background: #f5f5f5;
    left: -100%;
    width: 80%;
    min-width: 0;
    position: absolute;
    padding-left: 0;
    z-index: 2;
    top: -8px;
    margin: 0;
}
#slide-nav #slidemenu .navbar-nav {
    min-width: 0;
    width: 100%;
    margin: 0;
}
#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
    min-width: 0;
    width: 80%;
    white-space: normal;
}
#slide-nav {
    border-top: 0
}
#slide-nav.navbar-inverse #slidemenu {
    background: #333
}
    /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible for scrolls*/
#slide-nav #navbar-height-col {
    position: fixed;
    top: 0;
    height: 100%;
    width: 80%;
    left: -80%;
    background: #eee;
}
#slide-nav.navbar-inverse #navbar-height-col {
    background: #333;
    z-index: 1;
    border: 0;
}
#slide-nav .navbar-form {
    width: 100%;
    margin: 8px 0;
    text-align: center;
    overflow: hidden;
}
        /*fast clearfixer*/
#slide-nav .navbar-form .form-control {
    text-align: center
}
#slide-nav .navbar-form .btn {
    width: 100%
}
}
@media (min-width:768px) {
    #page-content {
        left: 0 !important;
    }
    .navbar.navbar-fixed-top.slide-active {
        position: fixed;
    }
    .navbar-header {
        left: 0 !important;
    }
}
.threedtext {
    color: red;
    font-family: glyphicons-halflings-regular;
    font-size: 32px;
    font-weight: bold;
    text-shadow: Black 1px 1px, #000 2px 2px, #000 3px 3px;
    position: relative;
    -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}
        /* Blink Text */
         .blink_text {
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
     color: red;
    }
    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }
    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }