/* Global */
html { height: 100% }
body { height: 100%; background-color: white; margin: 0px ;}
table { border-collapse: collapse; padding: 0px }
table td { padding: 0px; margin: 0px; font-family: verdana; font-size: 11px; }
/*table td { padding: 0px; margin: 0px }*/
textarea {font-family: verdana; font-size: 11px;}

/* Common & default */
.loginDiv { padding-top: 15px; margin: auto; width: 730px; text-align: right; font-family: verdana; font-size: 11px; color: #7882aa }
.loginDiv IMG { vertical-align: middle }
.loginDiv A { color: #7882aa }
.orange { font-size: 14px; color: #f77d06; font-weight: bold;}
.activeSection { width: 950px; background-color: #ffffff; margin-left:5px; margin-top:0px; padding-bottom: 6px; vertical-align: top ;}
.mainTable { width:950px; margin:auto }
.mainTable .logoCell { width: 134px }
.submenu {font-family: verdana; font-size: 10px; background-color: #E8EBFF;}
.linkSelected { color: #f77d06; background-color: #ffffff;font-weight: bold;text-decoration: none;}
.linkNotSelected {color: #345a92;text-decoration: none;}
.submit_btn { font-family: Verdana;font-size: 10pt;width: 100px;color: #7882aa; background-color: #ffffff;}
.submit_btn:Hover {background-color: #F9F2E1;}
.navigationCell { vertical-align: bottom; }
.topNavigation { width: 950px; font-family: verdana; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; border-collapse: collapse; height: 33px; background-image: url(images/dp_MenuElementNormal.gif) }
.topNavigation TD { vertical-align: bottom }
.selectedItem .left { height: 33px; width: 2px; background-image: url(images/dp_MenuElementLeft.gif) }
.selectedItem .middle { color: #f77d06; background-image: url(images/dp_MenuElementMiddle.gif); padding: 0px 20px 5px 20px }
.selectedItem .right { height: 33px; width: 2px; background-image: url(images/dp_MenuElementRight.gif) }
.selectedItem .link { text-decoration: none; color: #f77d06;  padding: 0px 20px 5px 20px }
.normalItem .left { width: 2px }
.normalItem .middle { color: #ffffff; padding: 0px 20px 5px 20px }
/*.normalItem .middle A, .normalItem .middle A:visited { text-decoration: none; color: #ffffff }*/
.normalItem .link { text-decoration: none; color: #ffffff;  padding: 0px 20px 5px 20px }

.normalItem .right { width: 2px }
.sloganCell { padding-top: 2px; font-family: verdana; font-size: 11px; color: #7882aa }
.centerDiv { width: 683px }
.middleCell DIV { margin: auto; text-align: left; width: 685px }
.pageHeader { color: #80a22b; font-family: verdana; font-size: 14px; font-weight: bold; padding-top: 40px }
.subHeader { color: #80a22b; font-family: verdana; font-size: 14px; font-weight: bold;}
.pageBlurb {text-align: justify;padding-left:50px; padding-top: 15px; width: 640px; font-family: verdana; font-size: 11px; color: #122f59; padding-bottom: 35px}
.squaresTable { width: 100%; margin: auto }
.squareContent { vertical-align: top; background-image: url(images/dp_sqBody.gif); height: 155px }
.squareFooter { background-image: url(images/dp_sqBody.gif) }
.squareContent P { width: 180px; margin-top: 15px; margin-left: 16px; margin-right: 16px; font-family: verdana; font-size: 11px; color: #122f59 }
.squareContent P SPAN { font-size: 12px; color: #f77d06; font-weight: bold; display: block; margin-bottom: 14px }
.sqFooter { padding-right: 15px; font-family: verdana; color: #122f59; font-size: 11px; text-align:right; margin-top: 5px; background-image: url(images/dp_sqBody.gif) }
.sqFooter A, A:Active, A:Visited { color: #122f59 }
.PageFooter { margin-top: 50px; margin-left:0px; margin-right: auto; height: 29px; width: 950px; background-image: url(images/dp_PageFooter.gif); text-align: center; }
.PageFooter DIV { padding-top: 8px; color: #345a92; font-family: verdana; font-size: 11px  }
.PageFooter A { color: #345a92; text-decoration: none }
.PageFooter A:Hover { text-decoration: underline }
.helpHidden {border: 1px solid #80a22b;width:540px;padding:5px;}
.helptext {	text-align: justify; width:540px;}
.dragbleNoteUser { padding: 2px; font-family: verdana; font-size: 11px; color: #345a92; width: 320px; background-color: #eceffb; border: solid 1px #345a92; }
.dragbleNoteOther {padding: 2px;font-family: verdana;font-size: 11px;color: #cc6600;width: 320px;background-color: #ffffcc;border-right: #cc6600 1px solid;border-top: #cc6600 1px solid;border-left: #cc6600 1px solid;border-bottom: #cc6600 1px solid;}
.head_desc {Font-size: 9pt;font-family: Verdana;font-weight: bold;color:#7882aa;}
.head_title {Font-size: 16pt;font-family: Verdana;font-style : italic;color:black;}
.linkText {COLOR: #122f59; TEXT-DECORATION: underline; textUnderlinePosition: below; }
.linkText:hover {COLOR: #f77d06; TEXT-DECORATION: underline; textUnderlinePosition: below; }
.headlink {font-family:Verdana;font-size:10pt;font-weight:bold;color:#f77d06;TEXT-DECORATION:none;}
.TD_Black_Text {padding:2px;font-family:Verdana;font-size:10pt;font-weight:bold;color:#122f59;background-color:#7882aa;}
.TD_Black_Text A{font-size:10pt;font-weight:bold;color:#ffffff;TEXT-DECORATION:none;}
.TD_selected { color:#f77d06;font-family:Verdana;font-size:10pt;font-weight:bold;background-color:#ffffff;}
.grid { padding: 2px 4px 2px 4px; font-family:Verdana;font-size:10pt;background-color:#E8EBFF;color:#122f59;}
.dark_bg_txt {Font-size: 9pt;font-family: Verdana ;color:#122f59;}
.p_title {font-family:Verdana;font-size:10pt;font-weight:bold;color:#122f59;}	
P.errorMsg {font-family:Verdana;font-size:10pt;font-weight:bold;text-align:center;color:red}
.required {color: red;}
.textEditor {width:540px;height:200px;}

/* Design  border-right:solid 1px #122f59;*/
.designTable { font-family: verdana; font-size: 11px; color: #345a92; margin-top: 4px; margin-left:0px; margin-right: auto; width: 950px; background-color: #eceffb }
.designTableTop { padding-left: 10px; padding-right: 10px; vertical-align: bottom; height: 30px; background-image: url(images/dp_DesignBackTop.gif); background-repeat: no-repeat }
.designTableTop TABLE { width: 100% }
.designTableTop .sideIcons TABLE { margin-left: auto; width: 500px }
.designTableTop .sideIcons TABLE TD{ text-align: center; }
        
.designTableMiddle { width: 100%; padding-top: 10px }
.designTableMiddle TABLE { width: 100% }

.leftPanel { position: relative; width: 100%; height: 350px; display: block }
.leftPanel A { outline: none; text-decoration: none; width: 113px; height: 16px; padding-left: 5px; padding-top: 2px; text-align: left; display: block; position: absolute; background-color: #ffffff; border: 1px solid #b7c0d6; color: #3c4d71; font-weight: bold; font-size: 11px}
.leftPanel A:Hover { background-color: #f19500 }
.leftPanel IMG { position: absolute }

.leftPanel .bxAnalysis { top: 25px; left: 40px }
.leftPanel .bxDesign { top: 60px; left: 40px; width: 113px; height: 154px; padding-left: 5px; padding-top: 2px; text-align: left; display: block; position: absolute; background-color: #ffffff; border: 1px solid #b7c0d6; color: #3c4d71; font-weight: bold; font-size: 11px}
.leftPanel .bxDevelopment { top: 230px; left: 40px }
.leftPanel .bxMockup { top: 200px; left: 40px }
.leftPanel .bxImplementation { top: 250px; left: 40px }
.leftPanel .bxEvaluation { top: 280px; left: 40px }
.leftPanel .bxBrainstorm { top:98px; left: 56px; width: 82px }
.leftPanel .bxFeatures { top:156px; left: 42px; width: 63px }
.leftPanel .bxFlow { top:156px; left: 114px; width: 37px }
.leftPanel .bxDiagArr { top: 64px; left: 10px; width: 20px; height: 244px; border: none; background-color: transparent}
.leftPanel .bxDiagDblArr { top: 119px; left: 58px; width: 84px; height: 36px; border: none; background-color: transparent}
.leftPanel .bxDiagBotArr { top: 180px; left: 63px; width: 71px; height: 17px; border: none; background-color: transparent}
.leftPanel .bxDiagRgtArr { top: 230px; left: 165px; border: none; background-color: transparent }

.leftPanel .Selected { background-color: #f19500; color: #ffffff }

.rightPanelCell { vertical-align: top; padding: 10px }
.leftPanelCell { vertical-align: top; width: 200px; display: block }

.noteTM { background-color: #fafbde; width: 100%; background-image: url(images/dp_DesignNoteTM.gif); background-repeat: repeat-x }
.noteMM { background-color: #fafbde }
.noteML { width: 36px; background-image: url(images/dp_DesignNoteML.gif); background-position: left; background-repeat: repeat-y }
.noteMR { width: 36px; background-image: url(images/dp_DesignNoteMR.gif); background-position: right; background-repeat: repeat-y }
.noteBM { background-color: #fafbde; width: 100%; background-image: url(images/dp_DesignNoteBM.gif); background-position: bottom; background-repeat: repeat-x }
.noteBL { vertical-align: bottom }
.note { margin: auto }
.note .title { padding-bottom: 20px; text-align: center; font-family: verdana; font-size: 16px; color: #3c4d71; font-weight: bold }
.note .subtitle { padding-bottom: 20px; padding-left: 6px; text-align: left; font-family: verdana; font-size: 16px; color: #3c4d71; font-weight: bold }
.note .help { vertical-align: top; width: 30px; text-align: right; color: #80a22b;text-decoration: none  } 
.note .caption { vertical-align: top; width: 50px; text-align: left; color: #3c4d71; font-weight: bold; padding-left: 6px; padding-right: 6px }
.note .input {text-align:left; vertical-align: top }
.note .input TEXTAREA { width: 98%; border: 1px solid #8195e4 ;font-family: verdana; font-size: 11px}
.note TABLE TABLE TR TD { padding-bottom: 5px }

.designTableBottom { height: 23px; background-image: url(images/dp_DesignBackBottom.gif); background-repeat: no-repeat }
.designHeader { margin-left:0px; margin-right:auto; margin-top: 20px; width: 950px;font-family: verdana; font-size: 11px; color: #345a92 }
.designHeader .title { font-weight: bold; color: #80a22b; font-family: verdana; font-size: 16px }
.designHeader .share { text-align: right }
.designHeader INPUT { margin-top: 1px; vertical-align: middle }