ABBR {cursor:pointer;}

#divMain {width:800px; position:relative; top:0px; left:0px; z-index:2;}

/* hide the Views div behind the rest of the page */
#divViews {width:800px; position:absolute; top:0px; left:0px; z-index:0;}

/* top Vectors navigation */

#vectorsLogo            {width:143px; position:absolute; top:4px; left:9px;}
#vectorsProjectSelector {position:absolute; top:18px; left:336px; z-index:8;}
#vectorsExplore         {position:absolute; top:18px; left:137px; z-index:9;}

/* screens */

#launchButton {margin-top:3px;}

.screen_spacer {clear:both;height:8px;overflow:hidden;font-size:1px;}
.screen_spacer_big {height:12px !important;}

/* wrapper screen */

#screen           {position:absolute; top:70px; left:0px; border-top:solid 1px #777777;width:800px; margin:0px auto 0px auto; background:#000000;}
#screenBackground {position:absolute; top:0px; left:0px; z-index:1; width:800px; margin:0px 0px 0px 0px;}
#texts  {border-top:solid 1px #777777;}

#screen2 {position:relative; color:white; text-align:left; top:0px; left:0px; width:800px; margin:0px auto 0px auto; background:#000000;}

/* first screen */

#firstScreen {position:relative; top:0px; left:0px; z-index:2; width:800px; margin:0px 0px 0px 0px;}

/* individual screens */

#screen_ProjectDocumentsXML {margin:16px 20px 10px 20px;}
#screen_ProjectDocumentsXML TD {color:#eeeeee;}
#screen_ProjectDocumentsXML TD A {color:#EB5229;;}
#screen_ProjectDocumentsXML TD A:hover {color:red;}

#screen_VideoTutorial {margin:16px 20px 10px 20px;}

/* general screens style */

A.text_link {color:#669999 !important;}

.screenContent           {width:800px; margin:0px 0px 0px 0px;}
.screenContent .selector {clear:both;color:white;margin:0px 0px 0px 0px;padding:10px 0px 0px 0px; font-size:11px;}
.screenContent .selector A {color:red;font-size:11px; background:#222222; padding:2px 10px 2px 10px;}
.screenContent .selector A.sel {color:red;font-size:11px; background:#000000; padding:2px 10px 2px 10px;}
.screenContent .sgTitle  {font-weight:bold;margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:white;}
.screenContent .sgDesc   {font-weight:normal;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:white;}

TD.img {padding:20px; color:#EEEEEE;}
TD.img IMG {margin-right:20px;}
TD.img_select {padding:0px 20px 20px 20px; color:#EEEEEE; font-weight:bold;}
TD.img_select A {color:red;}

.left     {width:290px;}
.divTitle  {margin:13px 0px 14px 12px;}

H1.title    {line-height:133%; padding:0px 0px 6px 0px; margin:0px 0px 0px 0px; color:#EEEEEE;font-weight:bold; font-size:16px; text-align:left;}
H1.subtitle {padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; color:#EEEEEE;font-weight:bold; font-size:11px; text-align:left;}
H1.authors  {padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; color:#EEEEEE;font-weight:normal; font-size:11px; text-align:left;}
H1.heading  {padding:5px 4px 5px 6px; margin:0px 0px 10px 0px; width:260px; background:#EEEEEE; color:#000000;font-weight:normal; font-size:11px; text-align:left;}
H1.option   {padding:0px 0px 8px 0px; margin:0px 0px 0px 22px; width:240px; color:#000000;font-weight:normal; font-size:11px; text-align:left;}
H1.option A, H1.heading A {color:#EB5229;}
H1.option A:hover, H1.heading A:hover {color:#660000; font-weight:normal; text-decoration:none;}
.headingOption A {color:#669999 !important;}
.optionBuffer {font-size:1px; height:0px; overflow:hidden; margin:0px 0px 0px 0px;}
H1.sel A {color:#660000;font-weight:normal;}
H1 A.sel {color:#660000;}
DIV.suboption {margin:7px 0px 0px 0px; padding:0px 0px 0px 0px;}

#middle            {}
#middle DIV        {margin:13px 14px 15px 10px;}

#middle_wide       {vertical-align:bottom;}
#middle_wide DIV.navbar {background:#cacfc8; float:right; margin-right:20px; }
#middle_wide DIV.navbar TABLE {margin:4px 0px 13px 12px;}
#middle_wide DIV.navbar TD    {padding:0px 12px 0px 0px; font-size:14px; color:#ed5e38; font-weight:normal; letter-spacing:0;}
#middle_wide DIV.navbar TD A  {color:#ed5e38;}
#middle_wide DIV.navbar TD A:hover  {color:#b4482b;}

DIV.excerpt        {line-height:150%; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; font-size:10px; font-weight:normal; color:#EEEEEE; text-align:left;}
DIV.excerpt .title {margin:0px 0px 0px 0px; padding:0; font-weight:normal; font-size:11px;}
DIV.excerpt .text  {margin:0px 0px 8px 0px; padding:0; font-weight:normal; font-size:11px; color:#BBBBBB;}
DIV.excerpt .by    {margin:0px 6px 10px 0px; padding:0; float:right;}

.nav             {width:194px; padding:0px 0px 0px 0px;}
.nav DIV         {width:194px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

#navOptions             {width:184px; position:absolute;top:12px;right:0px;z-index:8;}  /* was width:194px */
#navOptions .navOption     {
	color:#777777; background:#FFFFFF; line-height:100%; padding:5px 4px 5px 6px; margin:0px 0px 1px 0px; font-weight:normal; font-size:11px; text-align:left;
	opacity: .65; filter: alpha(opacity=65); -moz-opacity: .65; -khtml-opacity: .65;
}

#navOptions A           {color:#EB5229;}
#navOptions A:hover     {color:#660000; font-weight:normal; text-decoration:none !important;}
#navOptions A.selected {color:#660000 !important;}

/* main text content */

#texts {width:800px; position:relative; top:0px; left:0px; z-index:4; background:#FFFFFF; background-image:url('../gradients/gray_light.jpg'); background-repeat:no-repeat;}
#texts TR {}
#texts .content {padding:16px 0px 10px 0px;}
#texts .content DIV {margin:0px 25px 0px 0px; line-height:140%;}
#texts .content .title {margin:0px 0px 12px 0px;color:#000000;font-size:11px;font-weight:normal;}
#texts TD.left {padding-bottom:20px;}

.thread_thumb      {width:252px; float:left; margin:14px 20px 0px 0px !important; padding:0px 0px 0px 0px !important;}
.thread_thumb_wide {width:452px !important; margin:20px 0px 0px 0px !important; float:none !important;}
.thread_thumb_top  {margin-top:1px !important;}
.thread_thumb_bottom_space {margin-bottom:4px !important;}
.thread_thumb DIV  {margin:6px 0px 10px 0px !important; color:#777777;}
.thread_thumb_wide DIV {margin-bottom:0px !important;}
.thread_thumb IMG       {width:250px; border:solid 1px #FFFFFF; margin:0px 0px 0px 0px !important;}
.thread_thumb IMG:hover {width:250px; border:solid 1px #EB5229; margin:0px 0px 0px 0px !important;}
.thread_thumb_wide IMG       {width:450px !important;}
.thread_thumb_wide IMG:hover {width:450px !important;}

.has_icon {cursor:pointer;}

A.expandedtext {border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#EB5229;}

/* thanks to http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml */
.t  {background: url(dot.png) 0 0 repeat-x;}
.b  {background: url(dot.png) 0 100% repeat-x}
.l  {background: url(dot.png) 0 0 repeat-y}
.r  {background: url(dot.png) 100% 0 repeat-y}
.bl {background: url(bl.png) 0 100% no-repeat}
.br {background: url(br.png) 100% 100% no-repeat}
.tl {background: url(tl.png) 0 0 no-repeat}
.tr {background: url(tr.png) 100% 0 no-repeat; padding:4px 6px 4px 6px;}

/* thoughtmesh */

.tmpluginHeader {padding:0px 0px 20px 0px !important; margin-right:0px !important; margin-left: 0px !important; }
.tmpluginDocument {padding:0px 0px 20px 0px !important; margin-right:0px !important; margin-left: 0px !important; font-weight:bold;}
.tmpluginSection  {padding:10px 0px 0px 20px !important; margin-right:0px !important; margin-left: 0px !important; font-weight:bold;}
.tmpluginExcerpt  {padding:4px 0px 0px 20px !important; margin-right:0px !important; margin-left: 0px !important; font-weight:normal; line-height:140%;}

