/*
# Project Name        : Chromosome_stability Meeting Web Portal
# Version             : 0.1 (Maa)
# Developed by        : Indian Institute Of Science Education and Research Thiruvananthapuram
# Language            : PHP
# Architecture        : MVC
# Software Dev Method : Agile
# File Name           : master.css
# File Type           : view file
# File Location       : application/views/
# File Author         : Packiya Rajan S
*/

/* general tags */

*{font-family: 'Trebuchet MS','Sans-Serif';}
body{font-size: 1em;margin: 0;padding: 0;background: #3F3F3F ;}
a{color: #271300;}


/* layout */
.header_container{width: 100%;height: 3em;color:#ffffff;box-shadow: 0 0 0.45em #000000;position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f3f3f+0,565656+100 */
	background: rgb(43,59,52); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NjU2NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(43,59,52,1) 0%, rgba(204,234,199,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,63,63,1)), color-stop(100%,rgba(204,234,199,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(43,59,52,1) 0%,rgba(204,234,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(43,59,52,1) 0%,rgba(204,234,199,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(43,59,52,1) 0%,rgba(204,234,199,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(43,59,52,1) 0%,rgba(204,234,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#565656',GradientType=0 ); /* IE6-8 */
}
.header_container {
	background: #081F5C;
}
.header_holder{width: 100%;max-width: 1064px;margin: 0 auto;height: 3em;display: table;}
.app_title{margin: 0.45em;font-size: 1.2em;font-weight: bold;text-shadow: 0 0 0.18em #f7f2eb;margin-top: 0.75em;}
.menu_container{width:100%;height: 3em;color:#454545;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f9f9f9+23,ffffff+65,f6f6f6+100 */
	background: rgb(246,246,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(249,249,249,1) 23%, rgba(255,255,255,1) 65%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(23%,rgba(249,249,249,1)), color-stop(65%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(249,249,249,1) 23%,rgba(255,255,255,1) 65%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(249,249,249,1) 23%,rgba(255,255,255,1) 65%,rgba(246,246,246,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(249,249,249,1) 23%,rgba(255,255,255,1) 65%,rgba(246,246,246,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(249,249,249,1) 23%,rgba(255,255,255,1) 65%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}
.menu_holder{width: 100%;max-width: 1064px;margin: 0 auto;height: 3em;display: table;}
.menu_inset{width: auto;margin: 0 1em;}
#pull_menu{display: none;}
.menu{margin: 0;padding: 0;list-style: none;}
.menu li{display: inline-block;padding: 0 .45em;line-height: 3em;margin: 0 .11em;}
.menu li a{color: #454545;text-decoration: none;display: inline-block;}
.menu li a:hover{text-decoration: underline;}
.menu li.active{line-height: 2.1em;box-shadow: 0 0 0.18em #000000;border-radius: .12em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6093b2+0,2980b9+100 */
	background: rgb(96,147,178); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwOTNiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTgwYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(96,147,178,1) 0%, rgba(41,128,185,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,147,178,1)), color-stop(100%,rgba(41,128,185,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6093b2', endColorstr='#2980b9',GradientType=0 ); /* IE6-8 */
}

.menu li.active{background: #081F5C }

.menu li.active a{color: #ffffff;}

/*
.banner_container{background: rgba(0, 0, 0, 0) url("../images/CSbanner.png") repeat scroll center center / cover; width: 100%;height: 12em;}
*/
.banner_container {
	background: #7096D1;
	background: linear-gradient(90deg, #f7f2eb 0%, #ffffff 20%, #f7f2eb 40%, #bad6eb 70%, #f7f2eb 100%);
	width: 100%;
	height: 12em;
}

.banner_canvas{width: 100%;height: 12em;}
.banner_holder{width:auto;height: 12em;max-width:1064px;margin: 0 auto;color: #081F5C ;background: url("../images/cs2026banner2.png") no-repeat right center;}
.banner_inset{width: auto;margin: 0 2em;height: 12em;display: table;}
.banner_content{margin: 2.1em 0 0 0;}
.banner_title{font-size: 2.1em;font-weight: bold; padding: .44em 0 0 0;color: #081F5C;}
.banner_days{margin: 0.5em 0 0 0;border-color: #081F5C;border-style: solid;border-width: 2px 0 0 0;padding: .5em 0 0 0;font-weight: bold;text-shadow:0 0 0 ;color:#081F5C;}
.page_container{width: 100%;height: auto;background: #f7f2eb}
.page_holder{width: 100%;max-width: 1064px;margin: 0 auto;height: auto;display: table;}
.page_inset{width: auto;margin: 1em;min-height: 21em;}
.page_title,.page_subtitle{font-size: 2em;padding: .45em 0;color: #081F5C;border-color: #cccccc;border-style: solid;border-width: 0 0 2px 0;}
.page_subtitle{font-size: 1.25em; margin-top: 0.85em; border-color: #777; }
.page_content{line-height: 1.6em;color:#06194f;margin: 0 0 2em 0;}
.indent{text-indent: 5em;}
.justify{text-align: justify !important;}
.footer_container{width: 100%;height: 15em;color: #ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#565656+0,3f3f3f+100 */
	background: rgb(86,86,86); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjNmM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(204,234,199,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,234,199,1)), color-stop(100%,rgba(63,63,63,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(204,234,199,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(204,234,199,1) 0%,rgba(63,63,63,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(204,234,199,1) 0%,rgba(63,63,63,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(204,234,199,1) 0%,rgba(63,63,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-8 */
	/*background: #6B3165 url("../images/bg-footer.jpg") no-repeat center center;*/
	background: #081F5C;
}
.footer_container a {color:#F9EA99;font-size: .25em;font-weight: bold}
.footer_holder{width: 100%;height: auto;max-width: 1064px;margin: 0 auto;display: table;}
.footer_inset{margin: 3em 1em 0 1em;padding: 1em 0 0 0;border-color: #ffffff;border-style: solid;border-width: 1px 0 0 0;}
.footer_inset th a {
  color: #ffffff;
  font-size: inherit;   /* inherits from th */
  font-weight: inherit;
  text-decoration: none;
}
.footer_inset p{line-height: 1.5em;margin: 1em;padding: 0;}

.speakers_container{width: auto;height: auto;margin: 0;}
.speakers_row{display: table;margin: 0 auto;}
.speaker_cell{float: left;margin: 1em;padding: 1em;width: 10em;min-height: 21em;}
.speaker_pic_container{width: 10em;height: 10em;}
.speaker_picture{width: 10em; height: 10em;border-radius: 5em;border-color:#454545;border-style: solid;border-width: 1px;}
.speaker_name{font-size: 1.2em;font-weight: bold;text-align: center;margin: .45em 0;padding: .45em 0;border-color: #cccccc;border-style: solid;border-width: 0 0 1px 0;}
.speaker_name a{text-decoration: none;}
.speaker_affiliation{text-align: center;}

.gal_container{margin: 1em 0;padding: 1em 0;display: table;width: 100%;}
.gallery_row{width: auto;display: table;margin: 0 auto;}
.gal_pic{float: left;padding: 1em;}
.gal_pic img{width: 19em;}

.res_table_container{width: 100%;height: auto;}
.res_table_row{width: auto;display: table;margin: 0 0;}
.res_table_cell{float: left;padding: 1em;width: 280px;height: auto;}
.sponsor_logo{width: 12em;border-color: #cccccc;border-style: solid;border-width: 1px;}

.form_container{margin: 1em;}
.form_table{border-collapse: collapse;}
.form_table tr td{padding:.45em;vertical-align: top;}
.form_error{border-color: #D44937;border-style: solid;border-width: 1px;padding: .45em .6em;color:#D44937;font-weight: bold;background: #ffe0dd;}
label.required{}
label.required::after{content: " *";color:#D64937;font-weight: bold;}
input.textbox1{border-color: #cccccc;border-style: solid;border-width:1px;border-radius: .21em;padding:.45em .60em;box-shadow:0 0 0.21em #555555 inset;font-size: 1em;}
input.button{color:#f2f2f2;font-size: 1em;border-style: solid;border-width: 0px;padding: .45em .60em;border-radius: .21em;box-shadow:0 0 0.21em #505050;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6093b2+0,2980b9+100 */
	background: rgb(96,147,178); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwOTNiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTgwYjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(96,147,178,1) 0%, rgba(41,128,185,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,147,178,1)), color-stop(100%,rgba(41,128,185,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(96,147,178,1) 0%,rgba(41,128,185,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6093b2', endColorstr='#2980b9',GradientType=0 ); /* IE6-8 */
}
input.button:active{box-shadow: 0 0 0.09em #505050;font-size:0.99em;}
select1.selectbox{border-color: #cccccc;border-style: solid;border-width:1px;border-radius: .21em;padding:.45em .60em;box-shadow:0 0 0.21em #555555 inset;font-size: 1em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.textarea{border-color: #cccccc;border-style: solid;border-width:1px;border-radius: .21em;padding:.45em .60em;box-shadow:0 0 0.21em #555555 inset;font-size: 1em;height: 6em;resize: none;}

.info{font-size: .9em;padding: .45em;border-color: #cccccc;border-style: solid;border-width: 1px;margin:.45em;color:#3183B8;}

.data_table{border-collapse: collapse;}
.data_table tr th{font-weight: bold;background:#8F8F8F;color:#1c1c1c;border-color: #8F8F8F;border-style: solid;border-width: 1px;padding: .6em .45;}
.data_table tr td{border-color: #8F8F8F;border-style: solid;border-width: 1px;padding: .45em;}

.inner_data_table{border-collapse: collapse;}
.inner_data_table tr td{border-width: 0px;padding: .12em;}

.up_abs_preview{border-color: #cdcdcd;border-width: 1px;border-style: solid;padding:6px;margin:6px 0;}
.highlight{color:#D44937;font-weight: bold;}

/* layout for mobile devices */

@media screen and (max-width: 720px) {

	.app_title{text-align: center;}

	#pull_menu{display: block;line-height: 3em;text-align: center;color: #454545;text-decoration: none;}
	.menu{display: none;}
	.menu li{display: block;text-align: center;background: #F2F2F2;border-color: #cccccc;border-style: solid;border-width: 0 0 1px 0;position: relative;}
	.menu li a{display: block;}
	.menu li.active{box-shadow:none;}
	.banner_content{margin: 1.5em 0 0 0;}
	.banner_title{text-align: center;}
	.banner_days{text-align: center;}
	.page_title,.page_subtitle{text-align: center;}
	.indent{text-indent: 3em;}
	.footer_inset p{text-align: center;}

	.speaker_cell{float: none;margin: 1em auto}

	.res_table_cell{float: none;margin: 0 auto;}
	.sponsor_logo{margin: 0 auto;display: table;}

	.form_table{}
	.form_table tr td{display: block;}

	.data_table{width: auto;}
}