﻿html,body 
{
    height: 100%;
    min-height: 100%;
}

a,a:visited
{
    color: #ac0013;
}

.page
{
   background: url("../images/bg.jpg") repeat-x fixed bottom;
}

/*===========
  Common
===========*/
#Wrapper
{
    width: 800px;
    height: 99%;
    min-height:99%;
    margin-left: auto;
    margin-right:auto;
    text-align: center;
    vertical-align: top;
    /*border: solid 1px black;*/
   
}

.seperator
{
   background-color: #cfcfcf;
   width: 96%;
   height: 1px; 
   border: none;
   padding-left: 5px;
   margin-top:0;
}

.runit
{
}

/*===========
  Splash Page
===========*/
#Mid-Box
{
    width: 356px;
    text-align: center;
    margin: 10px auto 0 auto;
}

#color-box a,#color-box a:visited
{
    color: White;
}

#Big-Logo
{
    background: url("../images/logo_big.jpg") no-repeat center;
    width: 356px;
    height: 245px;
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Color Blocks */

.Color-Box
{
    Width: 356px;
    height: 29px; 
    border: solid 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    font: normal bold 16px arial;
    text-transform: uppercase;
    letter-spacing: 1pt;
    color: White;
}

.box-text:hover
{
    text-decoration: underline;
}

.white
{
    text-decoration: none;
    color: White;
}
.Blue-Box
{
    background: url("../images/bg_blue.jpg") repeat-x;
    border-color: #0663b0;
}

.Orange-Box
{
    background: url("../images/bg_orange.jpg") repeat-x;
    border-color: #f58220;
}

.Green-Box
{
    background: url("../images/bg_green.jpg") repeat-x;
    border-color: #a6ce39;
}

.Red-Box
{
    background: url("../images/bg_red.jpg") repeat-x;
    border-color: #ed1c24;
}

/*Get the tech edge*/
#Slogan
{
    font: normal 38px arial;
    letter-spacing: 1pt;
    margin-top: 25px;
    margin-bottom: 25px;
}

.normal-text
{
    color: #5e5e5e;
}

#red-text
{ 
    font-weight: bolder;
    color: #df261c;
    text-transform: uppercase;
}

/* nav links */
#nav-links
{
    width: 225px;
    margin-left: auto;
    margin-right: auto;
    font: normal bold 12px arial;
    color: #686868;
    letter-spacing: 1pt;
}

/* Link Boxes */
.Link-Box
{
    color: #b7070d;
    font: normal bold 12px arial;
    letter-spacing: 1pt;
    padding: 10px;
    width: 200px;
    border: solid 1px #7a7a7a;
    text-transform: uppercase;
}

/*Enter Button*/
#button-enter
{
    margin-left: auto;
    margin-right: auto;
    background: url("../images/button_enter.jpg") no-repeat center;
    width: 135px;
    height: 38px;
    margin-top: 25px;
    margin-bottom: 25px;
    cursor: pointer;
}

/*Bottom Menu*/
#bottom-menu
{
    font: normal 11px arial;
    letter-spacing: 0.6pt;
    color: #666666;
    margin-bottom: 5px;
    text-align: center;
}

/* Footer */
#Disclaimer
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    color: #6a6a6a;
    font: normal 9px arial;
    letter-spacing: 1pt;
    text-align: left;
    margin-bottom: 20px;
}

#footer
{
    text-align: center;
    clear: both;    
    margin-top: 5px;
    font: normal 11px arial;
    letter-spacing: 0.6pt;
    color: #585858;
    line-height: 20px;
}

#page-footer
{
    clear: both;    
    height: 65px;
    font: normal 10px arial;
    letter-spacing: 0.6pt;
    color: #585858;
    border: solid 1px #cfcfcf; 
    background-color: #f7f7f7;
    border-top: 0px;
    border-bottom: 0px;
    padding-top: 10px;
}

#credits
{
    font-size: 10px;
    color: #787878;
}

/* Side Tabs */
#side-tabs
{
    margin-top: 20%;
    position: absolute;
    top: 0;
    right: 0;
}

.item-Wrapper
{
    margin-top: 20px;
    margin-bottom: 20px;
    width:29px;
    font: normal 10px arial;
    font-weight: 600;
    text-transform: uppercase;
    color: White;
    cursor: pointer;
}

.item-top
{
    height: 15px;
    width: 29px;
    background: url("../images/sidetab_top.jpg") no-repeat right;
}

.item-text
{
    width: 29px;
    background: url("../images/sidetab_bg.jpg") repeat-y right;
}

.text-image
{
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}

.text-image
{
}
.item-bottom
{
    height: 15px;
    width: 29px;
    background: url("../images/sidetab_bottom.jpg") no-repeat right;
}

/*Columns*/
#intro
{
    text-align: justify;
    font: normal 11px arial;
    color: #5a5a5a;
    letter-spacing: 1pt;
    margin-bottom: 10px;
}

#col-left
{
    float: left;
    width: 260px;
    height: auto;
    margin-right: 10px;
}

#col-mid
{
    float: left;
    width: 260px;
    height: auto;
    margin: 0px 14px; 
}

#col-right
{
    clear: right;
    float: left;
    border: solid 1px gray;
    padding: 10px;
    width: 180px;
    height: auto;
    margin-left: 10px;
    border: solid 1px #d3d3d3;
    background-color: White;
    height: 480px;
    color: #606060;
    font: normal 11px arial;
    text-align: left;
    line-height: 14pt;
    letter-spacing: 1pt;
}

/* Block */
.block-wrapper
{
    width: 100%;
    height: 170px;
}

.btl
{
    float: left;
    width: 20px;
    height: 20px;
}

.btm
{
    float: left;
    width: 220px;
    height: 14px;
    color: #202020;
    font: normal bold 11px arial;
    letter-spacing: 1pt;
    text-align: left;
    text-transform: uppercase; 
    padding-top: 5px;
}

.btr
{
    float: right;
    width: 20px;
    height: 20px;
}

.bbl
{
    clear: left;
    float: left;
    width: 20px;
    height: 20px;
}

.bbm
{
    float: left;
    width: 220px;
    height: 20px;
}

.bbr
{
    float: right;
    width: 20px;
    height: 20px;
}

.block-text
{
    float: left;
    text-align: justify;
    clear: both;
    width: 218px;
    height: auto;
    padding: 0px 20px;
    font: normal 11px arial;
    letter-spacing: 1pt;
    border: solid 1px;
    border-top: 0px;
    border-bottom: 0px; 
}

.button-more
{
    float: right;
    width: 56px;
    height: 20px;
    background: no-repeat left;
    margin-top: 20px;
    cursor: pointer;
}

/*
block color
*/

/*Blue Block*/
#Bblue .btl
{
    background: url("../images/blue_ctl.jpg") no-repeat left;
}

#Bblue .btm
{
    background-color: #61b7ff;
    border: none;
    border-top: solid 1px #0663b0;
}

#Bblue .btr
{
    background: url("../images/blue_ctr.jpg") no-repeat left;
}

#Bblue .bbl
{
    background: url("../images/blue_cbl.jpg") no-repeat left;
}

#Bblue .bbm
{
    background-color: #0663b0;
}

#Bblue .bbr
{
    background: url("../images/blue_cbr.jpg") no-repeat left;
}

#Bblue .block-text
{
    color: #343434;
    background: #0663b0 url("../images/blue_bg.jpg") repeat-x;
    border-color: #0663b0;
}

#Bblue .button-more
{
    background-image: url("../images/blue_more.jpg");
}

#hblue
{   
    height: 1px;
    color: #0663b0;
    background-color: #0663b0;
    border-width: 0px;
}

/*Orange Block*/
#Borange .btl
{
    background: url("../images/orange_ctl.jpg") no-repeat left;
}

#Borange .btm
{
    background-color: #ffaa62;
    border: none;
    border-top: solid 1px #f58220;
}

#Borange .btr
{
    background: url("../images/orange_ctr.jpg") no-repeat left;
}

#Borange .bbl
{
    background: url("../images/orange_cbl.jpg") no-repeat left;
}

#Borange .bbm
{
    background-color: #f58220;
}

#Borange .bbr
{
    background: url("../images/orange_cbr.jpg") no-repeat left;
}

#Borange .block-text
{
    color: #343434;
    background: #f58220 url("../images/orange_bg.jpg") repeat-x;
    border-color: #f58220;
}

#Borange .button-more
{
    background-image: url("../images/orange_more.jpg");
}

#horange
{   
    height: 1px;
    color: #f58220;
    background-color: #f58220;
    border-width: 0px;
}

/*Green Block*/
#Bgreen .btl
{
    background: url("../images/green_ctl.jpg") no-repeat left;
}

#Bgreen .btm
{
    background-color: #d1ff52;
    border: none;
    border-top: solid 1px #a6ce39;
}

#Bgreen .btr
{
    background: url("../images/green_ctr.jpg") no-repeat left;
}

#Bgreen .bbl
{
    background: url("../images/green_cbl.jpg") no-repeat left;
}

#Bgreen .bbm
{
    background-color: #a6ce39;
}

#Bgreen .bbr
{
    background: url("../images/green_cbr.jpg") no-repeat left;
}

#Bgreen .block-text
{
    color: #343434;
    background: #d1ff52 url("../images/green_bg.jpg") repeat-x;
    background-position: bottom;
    border-color: #a6ce39;
}

#Bgreen .button-more
{
    background-image: url("../images/green_more.jpg");
}

#hgreen
{   
    height: 1px;
    color: #a6ce39;
    background-color: #a6ce39;
    border-width: 0px;
}

/*Red Block*/
#Bred .btl
{
    background: url("../images/red_ctl.jpg") no-repeat left;
}

#Bred .btm
{
    background-color: #fd5b61;
    border: none;
    border-top: solid 1px #ed1c24;
}

#Bred .btr
{
    background: url("../images/red_ctr.jpg") no-repeat left;
}

#Bred .bbl
{
    background: url("../images/red_cbl.jpg") no-repeat left;
}

#Bred .bbm
{
    background-color: #ed1c24;
}

#Bred .bbr
{
    background: url("../images/red_cbr.jpg") no-repeat left;
}

#Bred .block-text
{
    color: #343434;
    background: #fd5b61 url("../images/red_bg.jpg") repeat-x bottom;
    border-color: #fd5b61;
}

#Bred .button-more
{
    background-image: url("../images/red_more.jpg");
}

#hred
{   
    height: 1px;
    color: #ed1c24;
    background-color: #ed1c24;
    border-width: 0px;
}

/*Gray Block*/
#Bgray .btl
{
    background: url("../images/gray_ctl.jpg") no-repeat left;
}

#Bgray .btm
{
	color: #ac0013;
    background-color: #fcfcfc;
    border: none;
    border-top: solid 1px #d3d3d3;
}

#Bgray .btr
{
    background: url("../images/gray_ctr.jpg") no-repeat left;
}

#Bgray .bbl
{
    background: url("../images/gray_cbl.jpg") no-repeat left;
}

#Bgray .bbm
{
    background-color: #cdcdcd;
}

#Bgray .bbr
{
    background: url("../images/gray_cbr.jpg") no-repeat left;
}

#Bgray .block-text
{
    color: #343434;
    background: #cecece url("../images/gray_bg.jpg") repeat-x top;
    border-color: #cecece;
    height: 120px;
}

#Bgray .button-more
{
    background-image: url("../images/btn_free.jpg");
	margin-top: 5px;
}
.gray-list
{
   text-align: left;
   color: #202020;
   font: normal 11px arial;
   letter-spacing: 1pt;
   line-height: 10pt;
   list-style-type: square;
   margin-left: 12px;
}

#Bgray
{   
    height: 1px;
    color: #d3d3d3;
    background-color: #d3d3d3;
    border-width: 0px;
}



/*Col Boxes*/
.Col-Box
{
    width: 100%;
    height: 160px;
    border: solid 1px #d3d3d3;
    background: white url("../images/block_bg.jpg") repeat-x;
}

.Col-Box-Title
{
    color: #9e0800;
    font: normal bold 11px arial;
    letter-spacing: 1pt;
    padding-top: 8px;
    padding-left: 10px;
    text-transform: uppercase;
    text-align: left;
}

.Col-hr
{
    width: 94%;
    height: 1px;
    border: 0px;
    color: #cfcfcf;
    background-color: #cfcfcf;
}

.Col-Box-Content
{
   text-align: left;
   color: #202020;
   font: normal 11px arial;
   letter-spacing: 1pt;
   line-height: 16pt;
}

.Col-Box-Content a,.gray-list a
{
   color: #202020;
   text-decoration: none;
}

.Col-Box-Content a:hover,.gray-list a:hover
{
   color: #ac0013;
   text-decoration: underline;
}

.Col-Box-Content ul
{
    margin-left: 25px;
    list-style-type: square;
    line-height: 14px;
}

.Col-Right-Title
{
	text-align: center;
    color: #4b4b4b;
    padding:0; 
}

.Col-Right-hr
{
    width: 98%;
    margin-bottom: 10px;
}

.testby
{
    font-weight: bold;
    padding-top: 5px;
}

/* Pages Common */
#head-text
{
    float: left;
    font: normal 38px arial;
    letter-spacing: 1pt;
    margin-top: 50px;
    margin-left: 10%;
}

#logo
{
    float: left;
    background: url("../images/Logo.jpg") no-repeat center;
    width: 149px;
    height: 100px;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 10px;
}

#Content-Wrapper
{
     height: 84%;
     min-height:84%;
     clear: both;
}


#Content-Wrapper-Full
{
     height: 84%;
     min-height:84%;
     height: auto;
     clear: both;
}

#Menu-Wrapper
{
    float:left;
    border: solid 1px #cfcfcf;
    height: 30px;
    width: 97%;
    background: url("../images/menu_bg.jpg") repeat-x;
    background-color: #f7f7f7;
    border-bottom: solid 1px #363636;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

#menu-left
{
    float: left;
    width: 12px;
    height: 29px;
    background: url("../images/nav_left.jpg") no-repeat left;
}

#menu-right
{
    float: right;
    width : 12px;
    height: 29px;
    background: url("../images/nav_right.jpg") no-repeat right;
}

#Corner-Left
{
    float: left;
    background: url("../images/corner_left.jpg") no-repeat left;
    width: 12px;
    height: 30px;
    border: 0px;
}

#Corner-Right
{
    float: right;
    background: url("../images/corner_right.jpg") no-repeat left;
    width: 12px;
    height: 30px;
    border: 0px;
}

#Content
{
    float: left;
    width: 774px;
    height: 83%;
    min-height:83%;
    clear: both;
    border: solid 1px #cfcfcf; 
    background-color: #f7f7f7;
    border-top: 0px;
    border-bottom: 0px;
    padding: 12px;
}

#Content-Full
{
    float: left;
    width: 774px;
    height: auto;
    height: 83%;
    min-height:83%;
    clear: both;
    border: solid 1px #cfcfcf; 
    background-color: #f7f7f7;
    border-top: 0px;
    border-bottom: 0px;
    padding: 12px;
}

#page-fix
{
    height: auto;
    float: left;
    width: 774px;
    clear: both;
    border: solid 1px #cfcfcf; 
    background-color: #f7f7f7;
    border-top: 0px;
    border-bottom: 0px;
    padding: 12px;
}

.Scroll
{
    overflow: auto;
}

#page-title
{
    text-align: left;
    padding-left: 5px;
    padding-bottom: 2px;
    color:#6a6a6a;
    font: normal bold 14px arial;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

.heading
{
    text-align: left;
    padding: 4px;
    color:#6a6a6a;
    font: normal bold 12px arial;
    letter-spacing: 1pt;
    text-transform: uppercase;
    text-decoration:  none;
    margin-top: 10px;
}

.list-content
{
    padding-left:4px;
}

.list-content ul
{
    margin-left: 25px;
}

.line-italic
{
    text-decoration: underline;
    font-style: italic;
    font-weight: bold;
}

#content-list
{
    list-style: none;
    
}

/*SP Generate*/
.feed-list
{
    list-style: none;
    margin: 0;
}

.feed-list-content
{
    clear: both;
    text-align: left;
    color: #3f3f3f;
    font: normal 11px arial;
    letter-spacing: 1pt;
    line-height: 16pt;
    padding-bottom: 10px;
}

/*==================*/

.page-subtitle
{
    text-align: left;
    padding: 0px 4px;
    color:#6a6a6a;
    font: normal bold 12px arial;
    letter-spacing: 1pt;
    text-transform: uppercase;
    text-decoration: underline;
}

#page-hr
{
    width: 99%;
    height: 1px;
    border: 0;
    color: #cfcfcf;
    background-color: #cfcfcf;
}

.page-text
{
    clear: both;
    text-align: left;
    padding-left: 5px;
    color: #3f3f3f;
    font: normal 12px arial;
    letter-spacing: 1pt;
    line-height: 16pt;
    padding-bottom: 10px;
}

.boldtext
{
    text-align: left;
    padding: 10px 4px;
    color:#ac0013;
    font: normal bold 13px arial;
    letter-spacing: 1pt;
    text-transform: uppercase;
}

.boldtext2
{
    text-align: left;
    padding: 10px 4px;
    color:#ac0013;
    font: normal bold 13px arial;
    letter-spacing: 1pt;
}
.bold-lined
{
    text-align: left;
    color:#6a6a6a;
    font: normal bold 12px arial;
    letter-spacing: 1pt;
    text-decoration: underline;
    padding-bottom: 5px;
}

.page-block-text
{
    list-style: none;
}

.page-list
{
     list-style:  square;
     color: #3f3f3f;
     padding-left: 20px;
}


.page-list-ol
{
     list-style-type: none;
     color: #3f3f3f;
     padding-left: 0px;
}

.page-list-ol li
{
     list-style-type: none;
     color: #3f3f3f;
     padding-left: 20px;
	 padding-bottom: 10px;
}

#bottom-menu a
{
    text-decoration: none;
    
}

.Color-Box a
{
    color: White;
    text-decoration: none;
}

/* Page Cliparts*/
.clip-tae
{
    background: white url("../images/clipart/TAE.jpg") no-repeat bottom right;  
}

.clip-as
{
    background: white url("../images/clipart/AS.jpg") no-repeat bottom right;  
}
.clip-wms
{
    background: white url("../images/clipart/WMS.jpg") no-repeat bottom right;  
}
.clip-edd
{
    background: white url("../images/clipart/EDD.jpg") no-repeat bottom right;  
}
.clip-quickgyan
{
    background: white url("../images/clipart/quickgyan.jpg") no-repeat bottom right;  
}
.clip-reports
{
    background: white url("../images/clipart/Reports.jpg") no-repeat bottom right;  
}
.clip-about
{
    background: white url("../images/clipart/About.jpg") no-repeat bottom right;  
}
.clip-contact
{
    background: white url("../images/clipart/Contact.jpg") no-repeat bottom right;  
}

.clip-stockpick
{
    background: white url("../images/clipart/stockpick.jpg") no-repeat bottom right;  
}

.clip-media
{
    background: white url("../images/clipart/media_corner.jpg") no-repeat bottom right;  
}
/* Icons */
.ico-list
{
   list-style: none;
   float: left;
}

.ico-list img
{
    margin-right: 10px;
    width: 16px;
}

.ico-list li
{
    margin-bottom: 15px;
    clear: both;
}

#contact-ico
{
	float: left;
    width: 10px;
    padding: 1px 3px;
}

/*Contact Text*/
.Contact-text
{
	float: left;
    color: #3f3f3f;
    font: normal 12px arial;
    letter-spacing: 1pt;
    margin-left: 30px;
} 

.contact-list
{
    width: 150px;
    list-style: none;
    float: left;
    margin-left: 30px;
    margin-top: 0px;
    line-height: 0px;
}

.contact-list .title
{
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    padding: 5px;
    padding-left: 0px;
}

.contact-list .text,#feedback-form .text
{
    font-size: 12px;
}

/*Form*/

#feedback-form
{
    width: 450px;
    float: left;
    margin-top: 10px;
    margin-left : 30px;
    list-style: none;
}

#feedback-form li
{
    padding-bottom: 10px;
}

label
{
   text-align: left;
   float: left;
   width: 100px;
}

input
{
    width: 300px;
    float: left;
    border: solid 1px #b2b2b2;
    padding: 4px;
    margin-bottom: 10px;
}

input:hover
{
    border-color: black;
}

#btnSubmit
{
    float: left;
    clear: both;
    margin-left: 314px;
    margin-bottom: 40px;
    width : 96px;
    height: 24px;
    background: url("../images/button_submit.jpg") no-repeat center;
    border: 0;
    cursor: pointer;
}

#textbox
{
    float: left;
    height: 50px;
}

#ad-banner
{
    float: left;
    width: 748px;
    text-align: center;
    padding: 10px;
    font: normal 18px arial;
    letter-spacing: 1.5pt;
    margin-top: 25px;
	border: solid 1px #d3d3d3;
}

#ad-title
{
	font: normal bold 11px arial;
	color: #ac0013;
	padding-bottom: 10px;
}

#ad-banner a
{
    text-decoration: none;
    color: black;
}

#ad-banner a:hover
{
    text-decoration: underline;
}

#scroller_container
{
overflow: scroll;
height: 455px;
width: 185px;
}

#counter
{
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

.italic
{
font-style: italic;
}