/*
| ePHP (PHP Frameworks)
| By: eLabs
| Email: info@elabs.com.bd
| Website: http://www.elabs.com.bd
| 
| Developed by: Bahalul Kabir
| Email: bahalulkabir@gmail.com
| Website: http://www.bahalulkabir.info
| Contact number: +880-17-1086-5663; +880-17-1342-4188
*/

/*
Default style
*/
body         { background-position: left top; margin:0; font-family: Verdana; font-size: 8pt; color: #333333; text-align:left; word-spacing:0; text-indent:0; background-image:url('../images/default/page_bg.gif'); background-repeat:repeat-x }
table        { font-size: 8pt; vertical-align:top; margin-top:0; margin-bottom:0 }
tr           { vertical-align:top; margin-top:0; margin-bottom:0 }
td           { vertical-align:top; margin-top:0; margin-bottom:0 }

p            { margin-top:0; margin-bottom:0  }

a:link, a:visited      { color: #003399; text-decoration: none }
a:hover, a:active      { color: #0066CC; text-decoration: underline }

form		 { margin-top: 0; margin-bottom: 0 }

/*
Page break
*/
.page_break_height {height: 20}
.page_break_width {width: 20}

/*
Page design
*/
.page_left {}
.page_right {background-image: url('../images/default/page_shadow_right.gif'); background-repeat: no-repeat; background-position: left bottom}
.page_middle {width: 950}

.page_corner_left_top {background-position: left top; width: 10; height: 10; font-size: 1pt; background-image:url('../images/default/page_corner_left_top.gif'); background-repeat:no-repeat}
.page_corner_left_bottom {background-position: left bottom; width: 10; height: 10; font-size: 1pt; background-image:url('../images/default/page_corner_left_bottom.gif'); background-repeat:no-repeat}
.page_corner_right_top {background-position: right top; width: 10; height: 10; font-size: 1pt; background-image:url('../images/default/page_corner_right_top.gif'); background-repeat:no-repeat}
.page_corner_right_bottom {background-position: right bottom; width: 10; height: 10; font-size: 1pt; background-image:url('../images/default/page_corner_right_bottom.gif'); background-repeat:no-repeat}

.page_corner_left {background-position: left top; width: 10; font-size: 1pt; background-image:url('../images/default/page_corner_left.gif'); background-repeat:repeat-y}
.page_corner_right {background-position: right top; width: 10; font-size: 1pt; background-image:url('../images/default/page_corner_right.gif'); background-repeat:repeat-y}
.page_corner_top {background-position: left top; height: 10; font-size: 1pt; background-image:url('../images/default/page_corner_top.gif'); background-repeat:repeat-x}
.page_corner_bottom {background-position: left bottom; height: 10; font-size: 1pt; background-image:url('../images/default/page_corner_bottom.gif'); background-repeat:repeat-x}

.page_boder_left_top {background-position: left top; width: 5; height: 5; font-size: 1pt; background-image:url('../images/default/page_boder_left_top.gif'); background-repeat:no-repeat}
.page_boder_left_bottom {background-position: left bottom; width: 5; height: 5; font-size: 1pt; background-image:url('../images/default/page_boder_left_bottom.gif'); background-repeat:no-repeat}
.page_boder_right_top {background-position: right top; width: 5; height: 5; font-size: 1pt; background-image:url('../images/default/page_boder_right_top.gif'); background-repeat:no-repeat}
.page_boder_right_bottom {background-position: right bottom; width: 5; height: 5; font-size: 1pt; background-image:url('../images/default/page_boder_right_bottom.gif'); background-repeat:no-repeat}

.page_boder_left {background-position: left top; width: 5;font-size: 1pt; background-image:url('../images/default/page_boder_left.gif'); background-repeat:repeat-y}
.page_boder_right {background-position: right top; width: 5; font-size: 1pt; background-image:url('../images/default/page_boder_right.gif'); background-repeat:repeat-y}
.page_boder_top {background-position: left top; height: 5; font-size: 1pt; background-image:url('../images/default/page_boder_top.gif'); background-repeat:repeat-x}
.page_boder_bottom {background-position: left bottom; height: 5; font-size: 1pt; background-image:url('../images/default/page_boder_bottom.gif'); background-repeat:repeat-x}

.page_reflct_left {width: 10; height: 60; background-image: url('../images/default/page_reflct_left.gif'); background-repeat: no-repeat; background-position: left top}
.page_reflct_right {width: 10; height: 60; background-image: url('../images/default/page_reflct_right.gif'); background-repeat: no-repeat; background-position: right top}
.page_reflct_middle {background-image: url('../images/default/page_reflct_middle.gif'); background-repeat: repeat-x; background-position: left top}

/*
Quick panel and menu
*/
.quick_panel_left {}
.quick_panel_right {width: 45}

.quick_menu_left {width: 15; height: 35; background-image: url('../images/default/quick_menu_left.gif'); background-repeat: no-repeat; background-position: left top}
.quick_menu_right {width: 15; height: 35; background-image: url('../images/default/quick_menu_right.gif'); background-repeat: no-repeat; background-position: right top}
.quick_menu_middle {background-image: url('../images/default/quick_menu_middle.gif'); background-repeat: repeat-x; background-position: left top}

/*
Main menu design
*/
.main_menu_left {width: 5; height: 38; background-image: url('../images/default/main_menu_left.gif'); background-repeat: no-repeat; background-position: left top}
.main_menu_right {width: 5; height: 38; background-image: url('../images/default/main_menu_right.gif'); background-repeat: no-repeat; background-position: right top}
.main_menu_middle {background-image: url('../images/default/main_menu_middle.gif'); background-repeat: repeat-x; background-position: left top}

.main_menu_left_shadow {height: 10; background-image: url('../images/default/main_menu_left_shadow.gif'); background-repeat: no-repeat; background-position: left top}
.main_menu_right_shadow {height: 10; background-image: url('../images/default/main_menu_right_shadow.gif'); background-repeat: no-repeat; background-position: right top}

.main_menu_td {vertical-align: middle; padding-left: 15px; padding-right: 16px}
.main_menu_break {width: 1px; height: 38px; background-color: #C0C0C0}

a:link.main_menu_link, a:visited.main_menu_link      { color: #000000; text-decoration: none; font-weight:bold }
a:hover.main_menu_link, a:active.font-family      { color: #FF6600; text-decoration: none; font-weight:bold }

/*
Left menu design
*/
.left_menu_td {border-left:5px solid #A4D6FF; padding:5px; background-color: #F2F9FF; }
.left_menu_sub_td {border-left:5px solid #CCCCCC; padding:5px; background-color: #F0F0F0; }

/*
Boder design
*/
.boder_gray_top_left {background-position: left top; width: 10; height: 10; font-size: 1pt; background-image:url('../images/boder/gray/top_left.gif'); background-repeat:no-repeat}
.boder_gray_top_right {background-position: right top; width: 10; height: 10; font-size: 1pt; background-image:url('../images/boder/gray/top_right.gif'); background-repeat:no-repeat}
.boder_gray_bottom_left {background-position: left bottom; width: 10; height: 10; font-size: 1pt; background-image:url('../images/boder/gray/bottom_left.gif'); background-repeat:no-repeat}
.boder_gray_bottom_right {background-position: right bottom; width: 10; height: 10; font-size: 1pt; background-image:url('../images/boder/gray/bottom_right.gif'); background-repeat:no-repeat}
.boder_gray_top {background-position: left top; height: 10; font-size: 1pt; background-image:url('../images/boder/gray/top.gif'); background-repeat:repeat-x}
.boder_gray_bottom {background-position: left bottom; height: 10; font-size: 1pt; background-image:url('../images/boder/gray/bottom.gif'); background-repeat:repeat-x}
.boder_gray_left {background-position: left top; width: 10; font-size: 1pt; background-image:url('../images/boder/gray/left.gif'); background-repeat:repeat-y}
.boder_gray_right {background-position: right top; width: 10; font-size: 1pt; background-image:url('../images/boder/gray/right.gif'); background-repeat:repeat-y}
.boder_gray_bg {background-color: #FAFAFA}

/*
Form design
*/
.form_left {text-align: right; border: 1px solid #FFFFFF; padding: 3px; background-color: #F2F9FF}
.form_right {border: 1px solid #FFFFFF; padding: 3px}

.form_images_button {}
:hover.form_images_button {}
.form_text_input {border:1px solid #CCCCCC; font-size: 8pt; vertical-align: middle; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-image: url('../images/form/input_bg.gif'); background-repeat: no-repeat; background-position: left top; height:20}
:hover.form_text_input {border:1px solid #0066CC}
.form_text_area {padding:5px; border:1px solid #CCCCCC; font-size: 8pt; background-image: url('../images/form/input_bg.gif'); background-repeat: no-repeat; background-position: left top; font-family:Verdana}
:hover.form_text_area {border:1px solid #0066CC}
.form_text_dropdown {border:1px solid #CCCCCC; font-size: 8pt; vertical-align: middle; background-image: url('../images/form/input_bg.gif'); background-repeat: no-repeat; background-position: left top; height:20}
:hover.form_text_dropdown {border:1px solid #0066CC}
.form_text_dropdown_option {padding-top: 3px; padding-bottom: 3px; background-color: #F2F9FF}
:hover.form_text_dropdown_option {}

/*
page break style
*/
#default_pagebreak_link a:link       { text-decoration: none; color: #1A50B8; padding-left:5px; padding-right:5px;  }
#default_pagebreak_link a:visited    { text-decoration: none; color: #1A50B8; padding-left:5px; padding-right:5px; }
#default_pagebreak_link a:hover      { border-bottom:3px solid #3366CC; text-decoration: none; color: #003399; width:100%; height:100%; padding-left:5px; padding-right:5px; }
#default_pagebreak_link a:active     { border-bottom:3px solid #3366CC; text-decoration: none; color: #003399; width:100%; height:100%; padding-left:5px; padding-right:5px; }

#default_pagebreak_active 		 	 { border-bottom:3px solid #3366CC; text-decoration: none; color: #3366CC; font-weight:bold; padding-left:5px; padding-right:5px  }
#default_pagebreak_disabled 		 { color: #666666; padding-left:5px; padding-right:5px }
#default_pagebreak_continue 		 { color: #003399; padding-left:5px; padding-right:5px  }

/*
Tool TIP
*/
div.htmltooltip{
position: absolute; 
z-index: 3000;
left: -1000px;
top: -1000px;
background: #F2F9FF;
border: 5px solid #99CCFF;
padding: 5px;
width: 250
}

/*
Slider
*/
.stepcarousel{
border-bottom:10px solid #99CCFF; position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 200; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}